fix: supabaseUrl

Lab-RPL-ITS · May 31, 2023 · 8d52068 · 8d52068
1 parent 9652ff4
commit 8d52068
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 22 deletions.
diff --git a/public/favicon/site.webmanifest b/public/favicon/site.webmanifest
@@ -1 +1,19 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,9 +2,9 @@
 
 import './globals.css';
 import { Inter } from 'next/font/google';
-import { SessionContextProvider } from '@supabase/auth-helpers-react';
 import { Toaster } from 'react-hot-toast';
 import { supabase } from '@/lib/supabaseClient';
+import { SessionContextProvider } from '@supabase/auth-helpers-react';
 const inter = Inter({ subsets: ['latin'] });
 
 // export const metadata = {

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -3,6 +3,7 @@
 import { useEffect, useState } from 'react';
 import Announcement from './container/Announcement';
 import { supabase } from '@/lib/supabaseClient';
+import Seo from '@/components/Seo';
 
 export default function Home() {
   const [status, setStatus] = useState('');
@@ -26,6 +27,7 @@ export default function Home() {
 
   return (
     <main>
+      <Seo />
       <Announcement variant={status} />
     </main>
   );

diff --git a/src/components/Emoji.tsx b/src/components/Emoji.tsx
@@ -5,7 +5,7 @@ const Emoji = () => {
     <div>
       <svg
         className='emoji-404 mt-4'
-        enable-background='new 0 0 226 249.135'
+        enableBackground='new 0 0 226 249.135'
         height='249.135'
         id='Layer_1'
         overflow='visible'
@@ -15,39 +15,39 @@ const Emoji = () => {
       >
         <circle cx='113' cy='113' fill='#FFE585' r='109' />
         <line
-          enable-background='new    '
+          enableBackground='new    '
           fill='none'
           opacity='0.29'
           stroke='#6E6E96'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-          stroke-width='8'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='8'
           x1='88.866'
           x2='136.866'
           y1='245.135'
           y2='245.135'
         />
         <line
-          enable-background='new    '
+          enableBackground='new    '
           fill='none'
           opacity='0.17'
           stroke='#6E6E96'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-          stroke-width='8'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='8'
           x1='154.732'
           x2='168.732'
           y1='245.135'
           y2='245.135'
         />
         <line
-          enable-background='new    '
+          enableBackground='new    '
           fill='none'
           opacity='0.17'
           stroke='#6E6E96'
-          stroke-linecap='round'
-          stroke-linejoin='round'
-          stroke-width='8'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='8'
           x1='69.732'
           x2='58.732'
           y1='245.135'
@@ -56,15 +56,15 @@ const Emoji = () => {
         <circle cx='68.732' cy='93' fill='#6E6E96' r='9' />
         <path
           d='M115.568,5.947c-1.026,0-2.049,0.017-3.069,0.045  c54.425,1.551,98.069,46.155,98.069,100.955c0,55.781-45.219,101-101,101c-55.781,0-101-45.219-101-101  c0-8.786,1.124-17.309,3.232-25.436c-3.393,10.536-5.232,21.771-5.232,33.436c0,60.199,48.801,109,109,109s109-48.801,109-109  S175.768,5.947,115.568,5.947z'
-          enable-background='new    '
+          enableBackground='new    '
           fill='#FF9900'
           opacity='0.24'
         />
         <circle cx='156.398' cy='93' fill='#6E6E96' r='9' />
         <ellipse
           cx='67.732'
           cy='140.894'
-          enable-background='new    '
+          enableBackground='new'
           fill='#FF0000'
           opacity='0.18'
           rx='17.372'
@@ -73,7 +73,7 @@ const Emoji = () => {
         <ellipse
           cx='154.88'
           cy='140.894'
-          enable-background='new    '
+          enableBackground='new'
           fill='#FF0000'
           opacity='0.18'
           rx='17.371'
@@ -89,7 +89,7 @@ const Emoji = () => {
           fill='none'
           r='109'
           stroke='#6E6E96'
-          stroke-width='8'
+          strokeWidth='8'
         />
       </svg>
     </div>

diff --git a/src/components/Seo.tsx b/src/components/Seo.tsx
@@ -1,5 +1,7 @@
+'use client';
+
 import Head from 'next/head';
-import { useRouter } from 'next/router';
+import { useRouter } from 'next/compat/router';
 
 const defaultMeta = {
   title: 'Software Engineering Laboratorium Status',
@@ -33,8 +35,12 @@ export default function Seo(props: SeoProps) {
       <title>{meta.title}</title>
       <meta name='robots' content={meta.robots} />
       <meta content={meta.description} name='description' />
-      <meta property='og:url' content={`${meta.url}${router.asPath}`} />
-      <link rel='canonical' href={`${meta.url}${router.asPath}`} />
+      {router && (
+        <>
+          <meta property='og:url' content={`${meta.url}${router.asPath}`} />
+          <link rel='canonical' href={`${meta.url}${router.asPath}`} />
+        </>
+      )}
 
       <meta property='og:type' content={meta.type} />
       <meta property='og:site_name' content={meta.siteName} />