From c8900cbececef7fa2406c07299d133b54dd0386d Mon Sep 17 00:00:00 2001 From: Lucid Kobold Date: Wed, 29 Dec 2021 14:34:07 -0600 Subject: [PATCH] Add logo and favicon. --- pages/_document.tsx | 4 ++-- public/images/logo.svg | 1 + theme/layout/Header.tsx | 9 +++++++-- 3 files changed, 10 insertions(+), 4 deletions(-) create mode 100644 public/images/logo.svg diff --git a/pages/_document.tsx b/pages/_document.tsx index db979dd..01b31db 100644 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -13,8 +13,8 @@ class Document extends NextDocument { - - + + diff --git a/public/images/logo.svg b/public/images/logo.svg new file mode 100644 index 0000000..295413e --- /dev/null +++ b/public/images/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/theme/layout/Header.tsx b/theme/layout/Header.tsx index 45e8654..7af79cc 100644 --- a/theme/layout/Header.tsx +++ b/theme/layout/Header.tsx @@ -1,4 +1,5 @@ import React, { useEffect, useRef, useState } from "react"; +import Image from "next/image"; import { Heading, HStack, @@ -10,6 +11,7 @@ import { import { Icon } from "@iconify/react"; import DesktopNav from "./DesktopNav"; import MobileNav from "./MobileNav"; +import appLogo from "../../public/images/logo.svg"; const Header = (): JSX.Element => { const appName = "LCM Potty Chart"; @@ -82,8 +84,8 @@ const Header = (): JSX.Element => { open ? "brand.main" : transparentNavbar - ? "rgba(49, 56, 220, 0.9)" - : "brand.main" + ? "rgba(49, 56, 220, 0.9)" + : "brand.main" } transition=".5s ease" borderRadius="0px 0px 10px 10px" @@ -113,6 +115,8 @@ const Header = (): JSX.Element => { cursor: "default" }} > + App Logo + {appName} @@ -146,6 +150,7 @@ const Header = (): JSX.Element => { cursor: "default" }} > + App Logo {appName}