// this expects <div id="disqus_thread" /> to exist as it will render there
import React from "react";

const Disqus = ({ shortname }) => (
  <script
    type="text/javascript"
    dangerouslySetInnerHTML={{
      __html: `var disqus_shortname = '${shortname}';(function() {var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();`, // eslint-disable-line max-len
    }}
  />
);

export default Disqus;