Files
homarr/src/components/layout/HeaderConfig.tsx
2022-09-11 22:09:58 +02:00

24 lines
795 B
TypeScript

/* eslint-disable react/no-invalid-html-attribute */
import React from 'react';
import Head from 'next/head';
import { useConfig } from '../../tools/state';
export function HeaderConfig(props: any) {
const { config } = useConfig();
return (
<Head>
<title>{config.settings.title || 'Homarr 🦞'}</title>
<link rel="shortcut icon" href={config.settings.favicon || '/favicon.svg'} />
{/* configure apple splash screen & touch icon */}
<link rel="apple-touch-icon" href={config.settings.favicon || '/favicon-squared.png'} />
<link
rel="apple-touch-startup-image"
href={config.settings.favicon || '/favicon-squared.png'}
/>
<meta name="apple-mobile-web-app-title" content={config.settings.title || 'Homarr'} />
</Head>
);
}