jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-07-30 11:45:21 -04:00
Code Issues Activity

re-add <meta name="theme-color" ...> tag

Browse Source
This commit is contained in:
jake
2022-01-07 17:19:12 -05:00
parent 41d2b8c64b
commit a1fd5cd940
4 changed files with 25 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Layout.tsx
+19 -9
View File
@@ -1,16 +1,26 @@
import Head from "next/head";
import { useTheme } from "next-themes";
import Header from "./page-header/Header"; import Header from "./page-header/Header";
import Footer from "./page-footer/Footer"; import Footer from "./page-footer/Footer";
import styles from "./Layout.module.css"; import styles from "./Layout.module.css";
const Layout = ({ children }) => ( const Layout = ({ children }) => {
<> const { resolvedTheme } = useTheme();
<Header />
<main className={styles.main}> return (
<div className={styles.container}>{children}</div> <>
</main> <Head>
<Footer /> <meta name="theme-color" content={resolvedTheme === "dark" ? "#252525" : "#fcfcfc"} />
</> </Head>
);
<Header />
<main className={styles.main}>
<div className={styles.container}>{children}</div>
</main>
<Footer />
</>
);
};
export default Layout; export default Layout;
components/page-footer/Footer.tsx
+2 -1
View File
@@ -1,3 +1,4 @@
import { memo } from "react";
import Link from "next/link"; import Link from "next/link";
import { HeartIcon, NextjsIcon } from "../icons"; import { HeartIcon, NextjsIcon } from "../icons";
import * as config from "../../lib/config"; import * as config from "../../lib/config";
@@ -48,4 +49,4 @@ const Footer = () => (
</footer> </footer>
); );
export default Footer; export default memo(Footer);
components/page-header/Header.tsx
+2 -1
View File
@@ -1,3 +1,4 @@
import { memo } from "react";
import Name from "./Name"; import Name from "./Name";
import Menu from "./Menu"; import Menu from "./Menu";
@@ -12,4 +13,4 @@ const Header = () => (
</header> </header>
); );
export default Header; export default memo(Header);
components/page-header/ThemeToggle.tsx
+2 -1
View File
@@ -1,3 +1,4 @@
import { memo } from "react";
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import { BulbOffIcon, BulbOnIcon } from "../icons"; import { BulbOffIcon, BulbOnIcon } from "../icons";
@@ -25,4 +26,4 @@ const ThemeToggle = ({ className = "" }) => {
); );
}; };
export default ThemeToggle; export default memo(ThemeToggle);