feat: add favicon

jonyw4 · Nov 24, 2021 · e2c97fb · e2c97fb
1 parent 2518575
commit e2c97fb
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 0 deletions.
diff --git a/webapp/public/favicon/android-chrome-192x192.png b/webapp/public/favicon/android-chrome-192x192.png
diff --git a/webapp/public/favicon/android-chrome-512x512.png b/webapp/public/favicon/android-chrome-512x512.png
diff --git a/webapp/public/favicon/apple-touch-icon.png b/webapp/public/favicon/apple-touch-icon.png
diff --git a/webapp/public/favicon/favicon-16x16.png b/webapp/public/favicon/favicon-16x16.png
diff --git a/webapp/public/favicon/favicon-32x32.png b/webapp/public/favicon/favicon-32x32.png
diff --git a/webapp/public/favicon/favicon.ico b/webapp/public/favicon/favicon.ico
diff --git a/webapp/public/favicon/site.webmanifest b/webapp/public/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"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/webapp/src/pages/_app.tsx b/webapp/src/pages/_app.tsx
@@ -1,5 +1,7 @@
 import "normalize.css";
 import "../components/global/styles/global.css";
+
+import Head from "next/head";
 import { UIProvider } from "../components/global";
 import { useRouter } from "next/router";
 import type { AppProps } from "next/app";
@@ -19,6 +21,26 @@ export default function MyApp({ Component, pageProps }: AppProps) {
 
   return (
     <UIProvider themeData={themeData} locale={{ locale, changeLocale }}>
+      <Head>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/site.webmanifest" />
+      </Head>
       <Component {...pageProps} />
     </UIProvider>
   );
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"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"}