feat(dashboard): add favicon assets

medama-io · Jun 17, 2024 · f1f7ab3 · f1f7ab3
1 parent ef711ad
commit f1f7ab3
Show file tree

Hide file tree

Showing 17 changed files with 267 additions and 1 deletion.
diff --git a/dashboard/app/components/layout/Error.tsx b/dashboard/app/components/layout/Error.tsx
@@ -45,7 +45,20 @@ const InternalServerError = ({ error }: InternalServerErrorProps) => (
 	<ErrorPage
 		label="500"
 		title="Something went wrong."
-		description={`We encountered an unexpected error while processing your request. Please report this issue to the developers. ${error ? `Error: ${error}` : ''}`}
+		description={
+			<>
+				We encountered an unexpected error while processing your request. Please
+				<Anchor
+					component={Link}
+					to="https://github.com/medama-io/medama/issues"
+					className={classes.anchor}
+				>
+					report this issue
+				</Anchor>{' '}
+				to the developers.
+				<Text c="red">{error ? `Error: ${error}` : ''}</Text>
+			</>
+		}
 	/>
 );
 

diff --git a/dashboard/app/root.tsx b/dashboard/app/root.tsx
@@ -86,6 +86,36 @@ export const Document = ({ children }: DocumentProps) => {
 			<head>
 				<meta charSet="utf-8" />
 				<meta name="viewport" content="width=device-width,initial-scale=1" />
+				<link
+					rel="apple-touch-icon"
+					sizes="180x180"
+					href="/apple-touch-icon.png"
+				/>
+				<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+				<link
+					rel="icon"
+					sizes="48x48"
+					type="image/png"
+					href="/favicon-48x48.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" />
+				<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#17cd8c" />
+				<meta name="apple-mobile-web-app-title" content="Medama Analytics" />
+				<meta name="application-name" content="Medama Analytics" />
+				<meta name="msapplication-TileColor" content="#111111" />
+				<meta name="theme-color" content="#111111" />
 				<Meta />
 				<Links />
 				<ColorSchemeScript />

diff --git a/dashboard/public/android-chrome-192x192.png b/dashboard/public/android-chrome-192x192.png
diff --git a/dashboard/public/android-chrome-512x512.png b/dashboard/public/android-chrome-512x512.png
diff --git a/dashboard/public/apple-touch-icon.png b/dashboard/public/apple-touch-icon.png
diff --git a/dashboard/public/browserconfig.xml b/dashboard/public/browserconfig.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <TileColor>#111111</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/dashboard/public/favicon-16x16.png b/dashboard/public/favicon-16x16.png
diff --git a/dashboard/public/favicon-32x32.png b/dashboard/public/favicon-32x32.png
diff --git a/dashboard/public/favicon-48x48.png b/dashboard/public/favicon-48x48.png
diff --git a/dashboard/public/favicon.ico b/dashboard/public/favicon.ico
diff --git a/dashboard/public/favicon.svg b/dashboard/public/favicon.svg
diff --git a/dashboard/public/icon-dark-bg.png b/dashboard/public/icon-dark-bg.png
diff --git a/dashboard/public/icon.svg b/dashboard/public/icon.svg
diff --git a/dashboard/public/mstile-150x150.png b/dashboard/public/mstile-150x150.png
diff --git a/dashboard/public/mstile-310x310.png b/dashboard/public/mstile-310x310.png
diff --git a/dashboard/public/safari-pinned-tab.svg b/dashboard/public/safari-pinned-tab.svg