[CORL-544] use react helmet to add favicon declarations to head (#2595)
* use react helmet to add favicon declarations to head * rename adminHead to head * fix: case
Tessa Thornton
Wyatt Johnson
@@ -0,0 +1,30 @@
|
||||
import React, { FunctionComponent } from "react";
|
||||
import { Helmet } from "react-helmet";
|
||||
|
||||
import favicon120 from "./assets/favicon120.png";
|
||||
import favicon128 from "./assets/favicon128.png";
|
||||
import favicon152 from "./assets/favicon152.png";
|
||||
import favicon180 from "./assets/favicon180.png";
|
||||
import favicon196 from "./assets/favicon196.png";
|
||||
import favicon228 from "./assets/favicon228.png";
|
||||
import favicon32 from "./assets/favicon32.png";
|
||||
import favicon57 from "./assets/favicon57.png";
|
||||
import favicon76 from "./assets/favicon76.png";
|
||||
import favicon96 from "./assets/favicon96.png";
|
||||
|
||||
const Head: FunctionComponent = () => (
|
||||
<Helmet>
|
||||
<link rel="icon" href={favicon32} sizes="32x32" />
|
||||
<link rel="icon" href={favicon57} sizes="57x57" />
|
||||
<link rel="icon" href={favicon76} sizes="76x76" />
|
||||
<link rel="icon" href={favicon96} sizes="96x96" />
|
||||
<link rel="icon" href={favicon128} sizes="128x128" />
|
||||
<link rel="icon" href={favicon228} sizes="228x228" />
|
||||
<link rel="shortcut icon" sizes="196x196" href={favicon196} />
|
||||
<link rel="apple-touch-icon" href={favicon120} sizes="120x120" />
|
||||
<link rel="apple-touch-icon" href={favicon152} sizes="152x152" />
|
||||
<link rel="apple-touch-icon" href={favicon180} sizes="180x180" />
|
||||
</Helmet>
|
||||
);
|
||||
|
||||
export default Head;
|
||||
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 14 KiB |
@@ -3,6 +3,7 @@ import React, { FunctionComponent } from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
|
||||
import App from "./App";
|
||||
import Head from "./Head";
|
||||
import { initLocalState } from "./local";
|
||||
import localesData from "./locales";
|
||||
|
||||
@@ -17,6 +18,7 @@ async function main() {
|
||||
|
||||
const Index: FunctionComponent = () => (
|
||||
<ManagedCoralContextProvider>
|
||||
<Head />
|
||||
<App />
|
||||
</ManagedCoralContextProvider>
|
||||
);
|
||||
|
||||
@@ -1,2 +1,3 @@
|
||||
// Allowing loading svg files.
|
||||
// Allowing loading svg and png files.
|
||||
declare module "*.svg";
|
||||
declare module "*.png";
|
||||
|
||||