added full favicon support via helmet

This commit is contained in:
plebbitor
2023-02-01 13:30:32 +01:00
parent b0233546f7
commit 66b707c3f2
21 changed files with 123 additions and 35 deletions
+19 -6
View File
@@ -1,15 +1,28 @@
import React from 'react';
import { Route, Routes } from 'react-router-dom';
import { Helmet } from 'react-helmet-async';
import Home from './components/Home';
import Board from './components/Board';
import Thread from './components/Thread';
function App() {
return <Routes>
<Route path='/' element={<Home />} />
<Route path='/board' element={<Board />} />
<Route path='/board/:thread' element={<Thread />} />
</Routes>
}
return (
<div>
<Helmet>
<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" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#fee9cd" />
<meta name="msapplication-TileColor" content="#fee9cd" />
<meta name="theme-color" content="#ffffff" />
</Helmet>
<Routes>
<Route path='/' element={<Home />} />
<Route path='/board' element={<Board />} />
<Route path='/board/:thread' element={<Thread />} />
</Routes>
</div>
)}
export default App;