[CLIENT] Add Favicon & Title (#92)

zero-based · Oct 4, 2020 · d4d7fa6 · d4d7fa6
1 parent f86ee21
commit d4d7fa6
Show file tree

Hide file tree

Showing 9 changed files with 25 additions and 1 deletion.
diff --git a/client/pages/_app.tsx b/client/pages/_app.tsx
@@ -1,5 +1,6 @@
-import App from "next/app";
 import React from "react";
+import App from "next/app";
+import Head from "next/head";
 import { BaseProvider } from "baseui";
 import { Provider as StyletronProvider } from "styletron-react";
 import { Provider as UrqlProvider } from "urql";
@@ -16,6 +17,9 @@ export default class MainApp extends App {
       <UrqlProvider value={urqlClient}>
         <StyletronProvider value={styletron} debug={debug} debugAfterHydration>
           <BaseProvider theme={ItworxTheme}>
+            <Head>
+              <title>ITWorx | TPD</title>
+            </Head>
             <Component {...pageProps} />
           </BaseProvider>
         </StyletronProvider>

diff --git a/client/pages/_document.tsx b/client/pages/_document.tsx
@@ -18,6 +18,25 @@ class MainDocument extends Document<{ stylesheets: Sheet[] }> {
     return (
       <Html>
         <Head>
+          <link
+            rel="apple-touch-icon"
+            sizes="180x180"
+            href="/apple-touch-icon.png"
+          />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="32x32"
+            href="/favicon-32x32.png"
+          />
+          <link
+            rel="icon"
+            type="image/png"
+            sizes="16x16"
+            href="/favicon-16x16.png"
+          />
+          <link rel="manifest" href="/site.webmanifest" />
+
           {this.props.stylesheets.map((sheet, i) => (
             <style
               className="_styletron_hydrate_"

diff --git a/client/public/android-chrome-192x192.png b/client/public/android-chrome-192x192.png
diff --git a/client/public/android-chrome-512x512.png b/client/public/android-chrome-512x512.png
diff --git a/client/public/apple-touch-icon.png b/client/public/apple-touch-icon.png
diff --git a/client/public/favicon-16x16.png b/client/public/favicon-16x16.png
diff --git a/client/public/favicon-32x32.png b/client/public/favicon-32x32.png
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
diff --git a/client/public/site.webmanifest b/client/public/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"}
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"}