From e77c1507f5529c058e490850004823e10cbfdd7b Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Tue, 15 Nov 2022 17:50:02 -0800
Subject: [PATCH] fix hamburger spelling

switch fill color to "currentColor" to allow using dark mode responsive "color" prop
---
 src/components/UI/Header.tsx                                | 6 +++---
 .../UI/icons/{HamburguerIcon.tsx => HamburgerIcon.tsx}      | 6 +++---
 src/components/UI/icons/index.ts                            | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)
 rename src/components/UI/icons/{HamburguerIcon.tsx => HamburgerIcon.tsx} (76%)

diff --git a/src/components/UI/Header.tsx b/src/components/UI/Header.tsx
index 300c38116f..4d38b9fd89 100644
--- a/src/components/UI/Header.tsx
+++ b/src/components/UI/Header.tsx
@@ -2,7 +2,7 @@ import { Box, Flex, Input, InputGroup, Link, Stack, Text } from '@chakra-ui/reac
 import { FC } from 'react';
 import NextLink from 'next/link';
 
-import { HamburguerIcon, LensIcon, MoonIcon } from '../UI/icons';
+import { HamburgerIcon, LensIcon, MoonIcon } from '../UI/icons';
 import { DOCS_PAGE, DOWNLOADS_PAGE } from '../../constants';
 
 export const Header: FC = () => {
@@ -103,9 +103,9 @@ export const Header: FC = () => {
           <MoonIcon />
         </Box>
 
-        {/* HAMBURGUER MENU */}
+        {/* HAMBURGER MENU */}
         <Box p={4} display={{ base: 'block', md: 'none' }}>
-          <HamburguerIcon />
+          <HamburgerIcon color="primary" />
         </Box>
       </Flex>
     </Flex>
diff --git a/src/components/UI/icons/HamburguerIcon.tsx b/src/components/UI/icons/HamburgerIcon.tsx
similarity index 76%
rename from src/components/UI/icons/HamburguerIcon.tsx
rename to src/components/UI/icons/HamburgerIcon.tsx
index e352774f86..954b9f57c9 100644
--- a/src/components/UI/icons/HamburguerIcon.tsx
+++ b/src/components/UI/icons/HamburgerIcon.tsx
@@ -1,7 +1,7 @@
 import { createIcon } from '@chakra-ui/icons';
 
-export const HamburguerIcon = createIcon({
-  displayName: 'HamburguerIcon',
+export const HamburgerIcon = createIcon({
+  displayName: 'HamburgerIcon',
   viewBox: '0 0 22 14',
   path: (
     <svg width={22} height={14} fill='none' xmlns='http://www.w3.org/2000/svg'>
@@ -9,7 +9,7 @@ export const HamburguerIcon = createIcon({
         fillRule='evenodd'
         clipRule='evenodd'
         d='M0 .5h22v.97H0V.5Zm0 6.017h22v.97H0v-.97Zm22 6.013H0v.97h22v-.97Z'
-        fill='#11866F'
+        fill='currentColor'
       />
     </svg>
   )
diff --git a/src/components/UI/icons/index.ts b/src/components/UI/icons/index.ts
index 9759dcea9b..d7ecb2cde5 100644
--- a/src/components/UI/icons/index.ts
+++ b/src/components/UI/icons/index.ts
@@ -1,6 +1,6 @@
 export * from './DiscordIcon'
 export * from './GitHubIcon'
-export * from './HamburguerIcon';
+export * from './HamburgerIcon';
 export * from './LensIcon';
 export * from './MoonIcon';
 export * from './TwitterIcon'