fix(website): remove window on ssr and allow build

guilhermerodz · Feb 20, 2024 · 91c7d65 · 91c7d65
1 parent 27a720e
commit 91c7d65
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/website/src/app/(pages)/(home)/_components/showcase.tsx b/website/src/app/(pages)/(home)/_components/showcase.tsx
@@ -12,20 +12,19 @@ const DynamicConfetti = dynamic(() =>
 )
 
 export function Showcase({ className, ...props }: { className?: string }) {
-  const isMobile = useMemo(
-    () => window.matchMedia('(max-width: 1023px)').matches,
-    [],
-  )
-
   const [value, setValue] = React.useState('12')
-  const [disabled, setDisabled] = React.useState(isMobile ? false : true)
+  const [disabled, setDisabled] = React.useState(false)
 
   const [preloadConfetti, setPreloadConfetti] = React.useState(0)
   const [hasGuessed, setHasGuessed] = React.useState(false)
 
   const inputRef = React.useRef<HTMLInputElement>(null)
 
   React.useEffect(() => {
+    const isMobile = window.matchMedia('(max-width: 1023px)').matches
+    if (!isMobile)  {
+      setDisabled(true)
+    }
     const t1 = setTimeout(() => {
       setDisabled(false)
     }, 1_900)
@@ -40,7 +39,7 @@ export function Showcase({ className, ...props }: { className?: string }) {
       clearTimeout(t1)
       clearTimeout(t2)
     }
-  }, [isMobile])
+  }, [])
 
   React.useEffect(() => {
     if (value.length > 3) {

diff --git a/website/src/components/copy-button.tsx b/website/src/components/copy-button.tsx
@@ -20,7 +20,7 @@ interface CopyButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 
 export async function copyToClipboardWithMeta(value: string) {
-  window.isSecureContext && navigator.clipboard.writeText(value)
+  window && window.isSecureContext && navigator.clipboard.writeText(value)
 }
 
 export function CopyButton({