From 87f8ed401f169167e86d0db73ce80a53ed138193 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 10:18:40 -0300
Subject: [PATCH 1/9] Using CommentId by queryParam

---
 client/coral-embed/src/index.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/coral-embed/src/index.js b/client/coral-embed/src/index.js
index 82eea8ef7..3f3c63ba3 100644
--- a/client/coral-embed/src/index.js
+++ b/client/coral-embed/src/index.js
@@ -190,7 +190,10 @@ Talk.render = function(el, opts) {
   // Compose the query to send down to the Talk API so it knows what to load.
   let query = {};
 
-  query.comment_id = window.location.hash.slice(1);
+  let urlParams = new URLSearchParams(window.location.search);
+
+  query.comment_id = urlParams.get('commentId');
+
   query.asset_id = opts.asset_id;
 
   query.asset_url = opts.asset_url;

From 0312530b86e25699c1388454e3c77a8a761824ba Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 10:20:33 -0300
Subject: [PATCH 2/9] Modifying permalink plugin

---
 .../talk-plugin-permalink/client/components/PermalinkButton.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/plugins/talk-plugin-permalink/client/components/PermalinkButton.js b/plugins/talk-plugin-permalink/client/components/PermalinkButton.js
index 68406472e..fc8561bdc 100644
--- a/plugins/talk-plugin-permalink/client/components/PermalinkButton.js
+++ b/plugins/talk-plugin-permalink/client/components/PermalinkButton.js
@@ -83,7 +83,7 @@ export default class PermalinkButton extends React.Component {
               className={cn(styles.input, `${name}-copy-field`)}
               type='text'
               ref={(input) => this.permalinkInput = input}
-              defaultValue={`${asset.url}#${this.props.commentId}`}
+              defaultValue={`${asset.url}?commentId=${this.props.commentId}`}
             />
 
             <Button

From ddac5c2c850e582e964e8c2a486837272962b426 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 10:48:29 -0300
Subject: [PATCH 3/9] Avoid Error due to invalid queries

---
 client/coral-embed-stream/src/components/Stream.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/coral-embed-stream/src/components/Stream.js b/client/coral-embed-stream/src/components/Stream.js
index 165b3ce4c..54a077c83 100644
--- a/client/coral-embed-stream/src/components/Stream.js
+++ b/client/coral-embed-stream/src/components/Stream.js
@@ -163,6 +163,7 @@ class Stream extends React.Component {
       pluginProps,
       editName
     } = this.props;
+
     const {keepCommentBox} = this.state;
     const view = this.getVisibleComments();
     const open = asset.closedAt === null;
@@ -187,6 +188,12 @@ class Stream extends React.Component {
     };
 
     const showCommentBox = loggedIn && ((!banned && !temporarilySuspended && !highlightedComment) || keepCommentBox);
+
+    if (!comment && !comments) {
+      console.error('No comments came back from the graph given that query. Please, check the query params.');
+      return <div> An error has occured! </div>;
+    }
+
     return (
       <div id="stream">
 

From db9c3b45c18978d47cfe3f09ad386daae3562848 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 11:06:52 -0300
Subject: [PATCH 4/9] Stream Error

---
 client/coral-embed-stream/src/components/Stream.js       | 7 ++++---
 client/coral-embed-stream/src/components/StreamError.css | 3 +++
 client/coral-embed-stream/src/components/StreamError.js  | 8 ++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 client/coral-embed-stream/src/components/StreamError.css
 create mode 100644 client/coral-embed-stream/src/components/StreamError.js

diff --git a/client/coral-embed-stream/src/components/Stream.js b/client/coral-embed-stream/src/components/Stream.js
index 54a077c83..ff8bddc11 100644
--- a/client/coral-embed-stream/src/components/Stream.js
+++ b/client/coral-embed-stream/src/components/Stream.js
@@ -1,5 +1,6 @@
 import React, {PropTypes} from 'react';
 import LoadMore from './LoadMore';
+import {StreamError} from './StreamError';
 import Comment from '../components/Comment';
 import SuspendedAccount from './SuspendedAccount';
 import Slot from 'coral-framework/components/Slot';
@@ -189,9 +190,9 @@ class Stream extends React.Component {
 
     const showCommentBox = loggedIn && ((!banned && !temporarilySuspended && !highlightedComment) || keepCommentBox);
 
-    if (!comment && !comments) {
-      console.error('No comments came back from the graph given that query. Please, check the query params.');
-      return <div> An error has occured! </div>;
+    if (!comment && !comments) { 
+      console.error('Talk: No comments came back from the graph given that query. Please, check the query params.'); 
+      return <StreamError />;
     }
 
     return (
diff --git a/client/coral-embed-stream/src/components/StreamError.css b/client/coral-embed-stream/src/components/StreamError.css
new file mode 100644
index 000000000..908d963c0
--- /dev/null
+++ b/client/coral-embed-stream/src/components/StreamError.css
@@ -0,0 +1,3 @@
+.streamError {
+  padding: 10px 0;
+}
\ No newline at end of file
diff --git a/client/coral-embed-stream/src/components/StreamError.js b/client/coral-embed-stream/src/components/StreamError.js
new file mode 100644
index 000000000..149056409
--- /dev/null
+++ b/client/coral-embed-stream/src/components/StreamError.js
@@ -0,0 +1,8 @@
+import React from 'react';
+import styles from './StreamError.css';
+
+export const StreamError = () => (
+  <div className={styles.streamError}>
+    An error has occured!
+  </div>
+);

From d31044f39e3c9560d588c9494234a53e87a880eb Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 11:25:52 -0300
Subject: [PATCH 5/9] linting

---
 client/coral-plugin-flags/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/coral-plugin-flags/index.js b/client/coral-plugin-flags/index.js
index d896d34f5..dd851b094 100644
--- a/client/coral-plugin-flags/index.js
+++ b/client/coral-plugin-flags/index.js
@@ -1 +1 @@
-export {default as FlagComment} from './components/FlagComment';
\ No newline at end of file
+export {default as FlagComment} from './components/FlagComment';

From 354295c0ae609590abcc318f72d36b8a5d029cc9 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 13:20:27 -0300
Subject: [PATCH 6/9] Adding polyfill

---
 client/coral-embed/src/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/coral-embed/src/index.js b/client/coral-embed/src/index.js
index 3f3c63ba3..702308c3a 100644
--- a/client/coral-embed/src/index.js
+++ b/client/coral-embed/src/index.js
@@ -1,4 +1,5 @@
 import pym from 'pym.js';
+import URLSearchParams from 'url-search-params';
 
 import {stringify} from 'querystring';
 

From 2289c405d1df0cb40b70c23cf62b81e306134cac Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 13:25:50 -0300
Subject: [PATCH 7/9] Translatios

---
 client/coral-embed-stream/src/components/StreamError.js | 3 ++-
 locales/en.yml                                          | 1 +
 locales/es.yml                                          | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/coral-embed-stream/src/components/StreamError.js b/client/coral-embed-stream/src/components/StreamError.js
index 149056409..2e8b8ff96 100644
--- a/client/coral-embed-stream/src/components/StreamError.js
+++ b/client/coral-embed-stream/src/components/StreamError.js
@@ -1,8 +1,9 @@
 import React from 'react';
 import styles from './StreamError.css';
+import t from 'coral-framework/services/i18n';
 
 export const StreamError = () => (
   <div className={styles.streamError}>
-    An error has occured!
+    {t('common.error')}
   </div>
 );
diff --git a/locales/en.yml b/locales/en.yml
index 03256e75e..2bf6fc75b 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -40,6 +40,7 @@ en:
   comment_post_notif_premod: "Thank you for posting. Our moderation team will review your comment shortly."
   common:
     copy: 'Copy'
+    error: 'An error has occurred.'
   community:
     account_creation_date: "Account Creation Date"
     active: Active
diff --git a/locales/es.yml b/locales/es.yml
index 7297fedd5..61fb7fc0b 100644
--- a/locales/es.yml
+++ b/locales/es.yml
@@ -40,6 +40,7 @@ es:
   comment_post_notif_premod: "Gracias por el comentario. Nuestro equipo de moderación va a revisarlo muy pronto."
   common:
     copy: 'Copiar'
+    error: 'Ha ocurrido un error.'
   community:
     account_creation_date: "Fecha de creación de la cuenta"
     active: Activa

From c3ee4427755f819266e00c1baf70e74aba637c57 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 13:30:12 -0300
Subject: [PATCH 8/9] Replacing moderation comment and history hashes

---
 client/coral-admin/src/routes/Moderation/components/Comment.js | 2 +-
 client/coral-plugin-history/Comment.js                         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/coral-admin/src/routes/Moderation/components/Comment.js b/client/coral-admin/src/routes/Moderation/components/Comment.js
index 3c5e535b2..26543be6e 100644
--- a/client/coral-admin/src/routes/Moderation/components/Comment.js
+++ b/client/coral-admin/src/routes/Moderation/components/Comment.js
@@ -168,7 +168,7 @@ class Comment extends React.Component {
                 {' '}
                 <a
                   className={styles.external}
-                  href={`${comment.asset.url}#${comment.id}`}
+                  href={`${comment.asset.url}?commentId=${comment.id}`}
                   target="_blank"
                 >
                   <Icon name="open_in_new" /> {t('comment.view_context')}
diff --git a/client/coral-plugin-history/Comment.js b/client/coral-plugin-history/Comment.js
index 888989737..048f0592b 100644
--- a/client/coral-plugin-history/Comment.js
+++ b/client/coral-plugin-history/Comment.js
@@ -29,7 +29,7 @@ const Comment = (props) => {
       <div className={styles.sidebar}>
         <ul>
           <li>
-            <a onClick={props.link(`${props.asset.url}#${props.comment.id}`)}>
+            <a onClick={props.link(`${props.asset.url}?commentId=${props.comment.id}`)}>
               <Icon name="open_in_new" />{t('view_conversation')}
             </a>
           </li>

From c8d9447033bc99c4c9a81695eae2293c39118f1b Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 29 Jun 2017 13:44:40 -0300
Subject: [PATCH 9/9] Adding the polifill to the package.json

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 5e00ea6a5..a0040783a 100644
--- a/package.json
+++ b/package.json
@@ -123,6 +123,7 @@
     "snake-case": "^2.1.0",
     "subscriptions-transport-ws": "^0.7.2",
     "timekeeper": "^1.0.0",
+    "url-search-params": "^0.9.0",
     "uuid": "^3.0.1",
     "yaml-loader": "^0.4.0",
     "yamljs": "^0.2.10"