feat(all): icon and favicon

SpikeHD · Sep 27, 2023 · 3cdb6ef · 3cdb6ef
1 parent 53bb97d
commit 3cdb6ef
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 2 deletions.
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+    <link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<meta name="color-scheme" content="light dark" />

diff --git a/frontend/src/assets/favicon.ico b/frontend/src/assets/favicon.ico
diff --git a/frontend/src/assets/procchi_icon.png b/frontend/src/assets/procchi_icon.png
diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -3,13 +3,15 @@ import { LocationProvider, Router, Route } from 'preact-iso'
 
 import { Home } from './pages/Home/index.jsx'
 import { NotFound } from './pages/_404.jsx'
+
 import './style.css'
+import ProcchiIcon from './assets/procchi_icon.png'
 
 export function App() {
   return (
     <div id="root">
       <div id="header">
-        <img src="https://placeholder.com/200x200" className="icon" />
+        <img src={ProcchiIcon} className="icon" />
         <span className="title">
           Procchi
         </span>

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -9,5 +9,7 @@ export default defineConfig({
       react: 'preact/compat',
       'react-dom': 'preact/compat'
     }
-  }
+  },
+  // Move favicon to dist/
+  assetsInclude: './assets/favicon.ico'
 })