From 6917a572011489aafe62c9d2479615cb2928094f Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 21 Dec 2021 19:32:59 +0100
Subject: fix: use state to define hostname in sharing component

The window is not available during build, so an error occured. By
using React hooks to set the hostname once in the browser, it works as
expected.
---
 src/components/Sharing/Sharing.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/components/Sharing/Sharing.tsx b/src/components/Sharing/Sharing.tsx
index 9f8383b..d4d2dff 100644
--- a/src/components/Sharing/Sharing.tsx
+++ b/src/components/Sharing/Sharing.tsx
@@ -21,6 +21,7 @@ type Website = {
 const Sharing = ({ excerpt, title }: { excerpt: string; title: string }) => {
   const [pageExcerpt, setPageExcerpt] = useState('');
   const [pageUrl, setPageUrl] = useState('');
+  const [hostname, setHostname] = useState('');
   const router = useRouter();
 
   useEffect(() => {
@@ -36,6 +37,7 @@ const Sharing = ({ excerpt, title }: { excerpt: string; title: string }) => {
       router.asPath
     }`;
 
+    setHostname(hostname);
     setPageUrl(fullUrl);
   }, [router.asPath]);
 
@@ -59,8 +61,7 @@ const Sharing = ({ excerpt, title }: { excerpt: string; title: string }) => {
           }
           break;
         case 'title':
-          const prefix =
-            id === 'email' ? t`Seen on ${window.location.hostname}:` : '';
+          const prefix = id === 'email' ? t`Seen on ${hostname}:` : '';
           sharingUrl += encodeURI(`${prefix} ${title}`);
           break;
         case 'url':
-- 
cgit v1.2.3