From ccaa744a7832c986e039d6f5e773971bd3b11012 Mon Sep 17 00:00:00 2001
From: StephanieDClark <stephanie@devisolutions.com>
Date: Wed, 28 Jun 2017 14:26:41 -0700
Subject: [PATCH 01/14] Updates to tab classes

---
 client/coral-ui/components/Tab.js    | 2 +-
 client/coral-ui/components/TabBar.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/coral-ui/components/Tab.js b/client/coral-ui/components/Tab.js
index cc2ee82d7..492c35cbe 100644
--- a/client/coral-ui/components/Tab.js
+++ b/client/coral-ui/components/Tab.js
@@ -4,7 +4,7 @@ import styles from './Tab.css';
 export default ({children, tabId, active, onTabClick, cStyle = 'base', ...props}) => (
   <li
     key={tabId}
-    className={`${active ? `${styles[`${cStyle}--active`]} coral-tab-active` : ''} coral-tab ${props.className}`}
+    className={`${active ? `${styles[`${cStyle}--active`]} talk-tab-active` : ''} talk-tab ${props.className}`}
     onClick={() => onTabClick(tabId)}
   >
     {children}
diff --git a/client/coral-ui/components/TabBar.js b/client/coral-ui/components/TabBar.js
index 7809dee11..08f466ffc 100644
--- a/client/coral-ui/components/TabBar.js
+++ b/client/coral-ui/components/TabBar.js
@@ -17,7 +17,7 @@ class TabBar extends React.Component {
     const {children, activeTab, cStyle = 'base'} = this.props;
     return (
       <div>
-        <ul className={`${styles.base} ${cStyle ? styles[cStyle] : ''} ${this.props.className}`}>
+        <ul className={`${styles.base} ${cStyle ? styles[cStyle] : ''} talk-tab-bar ${this.props.className}`}>
           {React.Children.toArray(children)
             .filter((child) => !child.props.restricted)
             .map((child, tabId) =>

From ab84436a782a5ccb219313e0765607dacc9c82ea Mon Sep 17 00:00:00 2001
From: Wyatt Johnson <wyattjoh@gmail.com>
Date: Wed, 28 Jun 2017 15:32:53 -0600
Subject: [PATCH 02/14] Update plugins.default.json

---
 plugins.default.json | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/plugins.default.json b/plugins.default.json
index 7b2115421..3bc2e41bf 100644
--- a/plugins.default.json
+++ b/plugins.default.json
@@ -12,6 +12,7 @@
     "coral-plugin-auth",
     "coral-plugin-offtopic",
     "coral-plugin-viewing-options",
-    "coral-plugin-comment-content"
+    "coral-plugin-comment-content",
+    "talk-plugin-permalink"
   ]
 }

From 06ebd9ccc52ee78703a7975dd9a07232d04dd717 Mon Sep 17 00:00:00 2001
From: Kim Gardner <kgardnr@gmail.com>
Date: Thu, 29 Jun 2017 12:15:00 +0100
Subject: [PATCH 03/14] Bump version to 2.2.0

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

diff --git a/package.json b/package.json
index 2834a3e3a..95e4515fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "talk",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "A better commenting experience from Mozilla, The New York Times, and the Washington Post. https://coralproject.net",
   "main": "app.js",
   "scripts": {

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 04/14] 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 05/14] 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 06/14] 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 07/14] 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 08/14] 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 867f6966baf4d0606f8927c6f1e5c4fe6f58522e Mon Sep 17 00:00:00 2001
From: Kim Gardner <kgardnr@gmail.com>
Date: Thu, 29 Jun 2017 16:52:01 +0100
Subject: [PATCH 09/14] Update dependencies to fix build

---
 package.json                            | 1 +
 plugins/talk-plugin-permalink/yarn.lock | 4 ++++
 yarn.lock                               | 6 ++++++
 3 files changed, 11 insertions(+)
 create mode 100644 plugins/talk-plugin-permalink/yarn.lock

diff --git a/package.json b/package.json
index 95e4515fc..5e00ea6a5 100644
--- a/package.json
+++ b/package.json
@@ -57,6 +57,7 @@
   "dependencies": {
     "accepts": "^1.3.3",
     "app-module-path": "^2.2.0",
+    "async": "^2.5.0",
     "bcrypt": "^1.0.2",
     "body-parser": "^1.17.1",
     "bowser": "^1.7.0",
diff --git a/plugins/talk-plugin-permalink/yarn.lock b/plugins/talk-plugin-permalink/yarn.lock
new file mode 100644
index 000000000..fb57ccd13
--- /dev/null
+++ b/plugins/talk-plugin-permalink/yarn.lock
@@ -0,0 +1,4 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
diff --git a/yarn.lock b/yarn.lock
index 92edf11b5..317d83e85 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -358,6 +358,12 @@ async@^2.0.1, async@^2.1.2, async@^2.1.4:
   dependencies:
     lodash "^4.14.0"
 
+async@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
+  dependencies:
+    lodash "^4.14.0"
+
 async@~0.9.0:
   version "0.9.2"
   resolved "https://registry.yarnpkg.com/async/-/async-0.9.2.tgz#aea74d5e61c1f899613bf64bda66d4c78f2fd17d"

From 737cea6e761d5af109d15ac19f8898fd73d49b55 Mon Sep 17 00:00:00 2001
From: Kim Gardner <kgardnr@gmail.com>
Date: Thu, 29 Jun 2017 16:59:00 +0100
Subject: [PATCH 10/14] Reinstall modules

---
 yarn.lock | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 317d83e85..f98887478 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -352,13 +352,7 @@ async@2.1.4:
   dependencies:
     lodash "^4.14.0"
 
-async@^2.0.1, async@^2.1.2, async@^2.1.4:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.3.0.tgz#1013d1051047dd320fe24e494d5c66ecaf6147d9"
-  dependencies:
-    lodash "^4.14.0"
-
-async@^2.5.0:
+async@^2.0.1, async@^2.1.2, async@^2.1.4, async@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/async/-/async-2.5.0.tgz#843190fd6b7357a0b9e1c956edddd5ec8462b54d"
   dependencies:

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 11/14] 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 12/14] 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 13/14] 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 14/14] 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"