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 (
-
+
);
};
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}