From 605afa4449f8a75c2bfb0f531c5e20f590250cdb Mon Sep 17 00:00:00 2001 From: NlightN22 Date: Sun, 10 Mar 2024 18:57:59 +0700 Subject: [PATCH] change logo --- public/favicon.svg | 11 +++++++++- public/logo-white.svg | 12 +++++++++++ public/logo.svg | 11 +++++++++- src/logo.svg | 13 ----------- src/shared/components/images/LogoImage.tsx | 25 ++++++++++++++++++---- src/widgets/header/HeaderAction.tsx | 7 ------ 6 files changed, 53 insertions(+), 26 deletions(-) create mode 100644 public/logo-white.svg delete mode 100644 src/logo.svg diff --git a/public/favicon.svg b/public/favicon.svg index 3d01f2a..b462896 100644 --- a/public/favicon.svg +++ b/public/favicon.svg @@ -1,3 +1,12 @@ - + + + + + + + + + + diff --git a/public/logo-white.svg b/public/logo-white.svg new file mode 100644 index 0000000..05d5a4a --- /dev/null +++ b/public/logo-white.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/public/logo.svg b/public/logo.svg index 3d01f2a..b462896 100644 --- a/public/logo.svg +++ b/public/logo.svg @@ -1,3 +1,12 @@ - + + + + + + + + + + diff --git a/src/logo.svg b/src/logo.svg deleted file mode 100644 index 6b29593..0000000 --- a/src/logo.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - - - - - - - - - - - diff --git a/src/shared/components/images/LogoImage.tsx b/src/shared/components/images/LogoImage.tsx index 3162314..157ded4 100644 --- a/src/shared/components/images/LogoImage.tsx +++ b/src/shared/components/images/LogoImage.tsx @@ -1,11 +1,28 @@ import React from 'react'; -import { Image, ImageProps } from '@mantine/core'; +import { Image, ImageProps, useMantineTheme } from '@mantine/core'; -const Logo = ({ onClick }: ImageProps) => { - const src = "../logo.svg" +interface LogoProps extends ImageProps { + color?: string +} + +const Logo = ({ + color, + onClick, + ...imageProps +}: LogoProps) => { + const theme = useMantineTheme(); + const src = theme.colorScheme === 'dark' ? "../logo-white.svg" : "../logo.svg" return ( - Logo + Logo ); }; diff --git a/src/widgets/header/HeaderAction.tsx b/src/widgets/header/HeaderAction.tsx index 6200db7..a5efe13 100644 --- a/src/widgets/header/HeaderAction.tsx +++ b/src/widgets/header/HeaderAction.tsx @@ -40,12 +40,6 @@ const useStyles = createStyles((theme) => ({ }, }, - // TODO delete - burger: { - [theme.fn.largerThan('sm')]: { - display: 'none', - }, - }, colorToggle: { [theme.fn.smallerThan('md')]: { display: 'none' } @@ -89,7 +83,6 @@ export const HeaderAction = ({ links }: HeaderActionProps) => { handleNavigate(routesPath.MAIN_PATH)} /> - {/* */} {items}