Fixing Fragmented Disqus Comments via Domain Isolation

'use client';

const productionHostname = 'snipgeek.com'; 

export function PostComments({ article }) {
  const [shouldLoad, setShouldLoad] = useState(false);

  useEffect(() => {
    // Check if the current hostname matches the production domain
    if (window.location.hostname === productionHostname) {
        setShouldLoad(true);
    }
  }, []);

  if (!shouldLoad) {
    return (
      <div className="text-center py-10 border border-dashed rounded-xl">
        <p>Comments are only available on the production site (snipgeek.com).</p>
      </div>
    );
  }

  const canonicalUrl = `https://${productionHostname}/blog/${article.slug}`;

  return (
    <DiscussionEmbed
      shortname="snipgeek-com"
      config={{ url: canonicalUrl }}
    />
  );
}