From d8e5c5c7a2d19513135901d6dbecb0c04b13e611 Mon Sep 17 00:00:00 2001
From: Christine Belzie <shecoder30@gmail.com>
Date: Sat, 29 Jun 2024 19:02:13 -0400
Subject: [PATCH] feat: add missing canonical tags

---
 components/common/layout/SEO/SEO.tsx | 77 ++++++++++++++++++----------
 1 file changed, 50 insertions(+), 27 deletions(-)
diff --git a/components/common/layout/SEO/SEO.tsx b/components/common/layout/SEO/SEO.tsx
index 22fbbd630..0c916f97e 100644
--- a/components/common/layout/SEO/SEO.tsx
+++ b/components/common/layout/SEO/SEO.tsx
@@ -9,41 +9,64 @@ interface HeadProps {
   noindex: boolean
 }
 
-const OgData:FC<HeadProps> = ({
+const OgData: FC<HeadProps> = ({
   ogTitle,
   ogDescription,
   ogImageUrl,
   ogUrl,
-  noindex
+  noindex,
 }) => {
+  const currentUrl = typeof window !== 'undefined' ? window.location.href : ''
   return (
-      <Head>
-        <title>{ogTitle || "Open Sauced"}</title>
-        <meta name="title" content={ogTitle || "Open Sauced"}></meta>
-        <meta name="description" content={ogDescription || "The open-source intelligence platform for contributors and maintainers."} />
-        <link rel="icon" href="/favicon.svg" />
+    <Head>
+      <title>{ogTitle || 'Open Sauced'}</title>
+      <meta name="title" content={ogTitle || 'Open Sauced'}></meta>
+      <meta
+        name="description"
+        content={
+          ogDescription ||
+          'The open-source intelligence platform for contributors and maintainers.'
+        }
+      />
+      <link rel="icon" href="/favicon.svg" />
+      <link rel="canonical" href={ogUrl || currentUrl} />
 
-        {/* <!-- Open Graph / Facebook --> */}
-        <meta property="og:type" content="website" />
-        <meta property="og:url" content={ogUrl || "https://opensauced.pizza"} />
-        <meta property="og:title" content={ogTitle || "Open Sauced"} />
-        <meta property="og:description" content={ogDescription || "The open-source intelligence platform for contributors and maintainers."} />
-        <meta
-          property="og:image"
-          content={ogImageUrl as unknown as string || ""}
-        />
+      {/* <!-- Open Graph / Facebook --> */}
+      <meta property="og:type" content="website" />
+      <meta property="og:url" content={ogUrl || 'https://opensauced.pizza'} />
+      <meta property="og:title" content={ogTitle || 'Open Sauced'} />
+      <meta
+        property="og:description"
+        content={
+          ogDescription ||
+          'The open-source intelligence platform for contributors and maintainers.'
+        }
+      />
+      <meta
+        property="og:image"
+        content={(ogImageUrl as unknown as string) || ''}
+      />
 
-        {/* <!-- Twitter --> */}
-        <meta property="twitter:card" content="summary_large_image" />
-        <meta property="twitter:url" content={ogUrl || "https://opensauced.pizza/"} />
-        <meta property="twitter:title" content={ogTitle || "Open Sauced"} />
-        <meta property="twitter:description" content={ogDescription || "The open-source intelligence platform for contributors and maintainers."} />
-        <meta
-          property="twitter:image"
-          content={ogImageUrl as unknown as string || ""}
-        ></meta>
-        {noindex && <meta name="robots" content="noindex" key="noindex" />}
-      </Head>
+      {/* <!-- Twitter --> */}
+      <meta property="twitter:card" content="summary_large_image" />
+      <meta
+        property="twitter:url"
+        content={ogUrl || 'https://opensauced.pizza/'}
+      />
+      <meta property="twitter:title" content={ogTitle || 'Open Sauced'} />
+      <meta
+        property="twitter:description"
+        content={
+          ogDescription ||
+          'The open-source intelligence platform for contributors and maintainers.'
+        }
+      />
+      <meta
+        property="twitter:image"
+        content={(ogImageUrl as unknown as string) || ''}
+      ></meta>
+      {noindex && <meta name="robots" content="noindex" key="noindex" />}
+    </Head>
   )
 }
 
