Add favicon

UoaWDCC · May 27, 2024 · 5f35fad · 5f35fad
1 parent 5ca6c17
commit 5f35fad
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 4 deletions.
diff --git a/public/svgs/icon-darkmode.svg b/public/svgs/icon-darkmode.svg
diff --git a/public/svgs/icon.svg b/public/svgs/icon.svg
diff --git a/public/svgs/logoDM.svg → public/svgs/logo-darkmode.svg b/public/svgs/logoDM.svg → public/svgs/logo-darkmode.svg
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -5,12 +5,27 @@ import { Providers } from "@/components/Providers";
 
 import "./globals.css";
 
-import type { Viewport } from "next";
+import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 
-export const metadata = {
+export const metadata: Metadata = {
   title: "UABC Booking Portal",
-  description: "",
+  description:
+    "Book your badminton sessions with the University of Auckland Badminton Club.",
+  icons: {
+    icon: [
+      {
+        media: "(prefers-color-scheme: light)",
+        url: "/images/icon.svg",
+        href: "/svgs/icon.svg",
+      },
+      {
+        media: "(prefers-color-scheme: dark)",
+        url: "/svgs/icon-darkmode.svg",
+        href: "/svgs/icon-darkmode.svg",
+      },
+    ],
+  },
 };
 
 const ProximaNova = localFont({

diff --git a/src/components/UabcLogo.tsx b/src/components/UabcLogo.tsx
@@ -3,7 +3,7 @@ import Image from "next/image";
 export const UabcLogo = ({ className }: { className?: string }) => (
   <div className={className}>
     <Image
-      src="/svgs/logoDM.svg"
+      src="/svgs/logo-darkmode.svg"
       alt="uabc logo"
       className="dark:block hidden"
       width={250}