From 58efc48ffa559b4bfa03e381bccb552c8fb830b9 Mon Sep 17 00:00:00 2001 From: Elias Schneider Date: Fri, 14 Oct 2022 14:19:32 +0200 Subject: [PATCH] feat: extract logo to component --- frontend/src/components/Logo.tsx | 34 +++++++++++++++++++++++ frontend/src/components/navBar/NavBar.tsx | 9 ++---- 2 files changed, 36 insertions(+), 7 deletions(-) create mode 100644 frontend/src/components/Logo.tsx diff --git a/frontend/src/components/Logo.tsx b/frontend/src/components/Logo.tsx new file mode 100644 index 00000000..7fea40e3 --- /dev/null +++ b/frontend/src/components/Logo.tsx @@ -0,0 +1,34 @@ +const Logo = ({ height, width }: { height: number; width: number }) => { + return ( + + + + + + + + + + + ); +}; +export default Logo; diff --git a/frontend/src/components/navBar/NavBar.tsx b/frontend/src/components/navBar/NavBar.tsx index a732e952..044f2a3d 100644 --- a/frontend/src/components/navBar/NavBar.tsx +++ b/frontend/src/components/navBar/NavBar.tsx @@ -5,7 +5,6 @@ import { createStyles, Group, Header, - Image, Paper, Stack, Text, @@ -16,6 +15,7 @@ import { NextLink } from "@mantine/next"; import getConfig from "next/config"; import { ReactNode, useEffect, useState } from "react"; import useUser from "../../hooks/user.hook"; +import Logo from "../Logo"; import ActionAvatar from "./ActionAvatar"; const { publicRuntimeConfig } = getConfig(); @@ -180,12 +180,7 @@ const NavBar = () => { - Pinvgin Share Logo + Pingvin Share