ff-stream-web

commit 9e00b7fe6449dfd3521689379809850bf0997c33
parent 95ca82460599c9ab59c1b662bb0bcae08124faa1
Author: Konstantin Tarkus <hello@tarkus.me>
Date:   Tue, 12 May 2015 12:34:12 +0300

Update Disqus integration manual

Diffstat:
M
docs/recipes/how-to-integrate-disqus.md
 | 
24
++++++++++++++++--------

1 file changed, 16 insertions(+), 8 deletions(-)
diff --git a/docs/recipes/how-to-integrate-disqus.md b/docs/recipes/how-to-integrate-disqus.md
@@ -11,6 +11,17 @@ import { canUseDOM } from 'react/lib/ExecutionEnvironment';
 const SHORTNAME = 'example';
 const WEBSITE_URL = 'http://www.example.com';
 
+function renderDisqus() {
+  if (window.DISQUS === undefined) {
+    var script = document.createElement('script');
+    script.async = true;
+    script.src = 'https://' + SHORTNAME + '.disqus.com/embed.js';
+    document.getElementsByTagName('head')[0].appendChild(script);
+  } else {
+    window.DISQUS.reset({reload: true});
+  }
+}
+
 class DisqusThread {
 
   static propTypes = {
@@ -26,14 +37,11 @@ class DisqusThread {
   }
 
   componentDidMount() {
-    if (window.DISQUS === undefined) {
-      var script = document.createElement('script');
-      script.async = true;
-      script.src = 'https://' + SHORTNAME + '.disqus.com/embed.js';
-      document.getElementsByTagName('head')[0].appendChild(script);
-    } else {
-      window.DISQUS.reset({reload: true});
-    }
+    renderDisqus();
+  }
+
+  componentDidUpdate() {
+    renderDisqus();
   }
 
   render() {