change logo

Author: skshetry

packages/gatsby-theme/src/components/Documentation/Layout/SidebarMenu/Item/index.tsx

@@ -124,6 +124,7 @@ const SidebarMenuItem: React.FC<ISidebarMenuItemProps> = ({
       {parentElement}
       {children && (
         <span hidden={!isExpanded}>
+          {/* @ts-expect-error react-collapse types incompatible with React types */}
           <Collapse isOpened={!!isExpanded}>
             {children.map(item => (
               <SidebarMenuItem

packages/gatsby-theme/src/components/HamburgerMenu/index.tsx

@@ -2,10 +2,10 @@ import cn from 'classnames'
 import { useEffect, useState, useCallback, MouseEvent } from 'react'
 
 import cmlLogo from '../../images/cml_icon-color--square_vector.svg'
+import { ReactComponent as LogoSVG } from '../../images/dvc_by_lakefs_white.svg'
 import dvcLogo from '../../images/dvc_icon-color--square_vector.svg'
 import discordLogo from '../../images/icon-discord.svg'
 import mailIcon from '../../images/icon-mail.svg'
-import { ReactComponent as LogoSVG } from '../../images/logo-white.svg'
 import mlemLogo from '../../images/mlem-icon.svg'
 import studioLogo from '../../images/studio_icon-color--square_vector.svg'
 import { logEvent } from '../../utils/front/plausible'

packages/gatsby-theme/src/components/HamburgerMenu/styles.module.css

@@ -78,8 +78,6 @@
   @apply hover;
   @apply active;
 
-  width: 40px;
-  height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;

packages/gatsby-theme/src/components/LayoutFooter/index.tsx

@@ -1,7 +1,7 @@
 import cn from 'classnames'
 
 import { ReactComponent as CmlSVG } from '../../images/cml_icon-color--square_vector.svg'
-import { ReactComponent as LogoSVG } from '../../images/dvc_icon-color--square_vector.svg'
+import { ReactComponent as LogoSVG } from '../../images/dvc_by_lakefs_white.svg'
 import { ReactComponent as MlemSVG } from '../../images/mlem-icon.svg'
 import { ReactComponent as StudioSVG } from '../../images/studio_icon-color--square_vector.svg'
 import { getFirstPage } from '../../utils/shared/sidebar'

packages/gatsby-theme/src/components/LayoutFooter/styles.module.css

@@ -47,7 +47,6 @@
   }
 
   svg {
-    width: inherit;
     height: inherit;
   }
 }

packages/gatsby-theme/src/components/LayoutHeader/HeaderBranding/index.tsx

@@ -1,7 +1,7 @@
 import cn from 'classnames'
 
 import { MAIN_SITE_URL } from '../../../../consts'
-import { ReactComponent as LogoSVG } from '../../../images/dvc_icon-color--square_vector.svg'
+import { ReactComponent as LogoSVG } from '../../../images/dvc_by_lakefs.svg'
 import Link from '../../Link'
 
 import * as styles from './styles.module.css'

packages/gatsby-theme/src/components/LayoutHeader/HeaderBranding/styles.module.css

@@ -1,15 +1,12 @@
 .logoLink {
   @apply hover active;
 
-  height: 40px;
-  width: 40px;
-
   &:focus {
     opacity: 0.7;
   }
 
   svg {
-    width: inherit;
+    width: 100%;
     height: inherit;
   }
 }

packages/gatsby-theme/src/components/SEO/index.tsx

@@ -1,7 +1,6 @@
 import { IGatsbyImageData } from 'gatsby-plugin-image'
 import { useMemo } from 'react'
-// eslint-disable-next-line import-x/no-named-as-default
-import Helmet from 'react-helmet'
+import { Helmet } from 'react-helmet'
 
 import useSiteMeta from '../../queries/useSiteMeta'
 
@@ -84,6 +83,7 @@ const SEO: React.FC<ISEOProps> = ({
   ])
 
   return (
+    /* @ts-expect-error react-helmet types incompatible with React types */
     <Helmet
       htmlAttributes={{
         lang: 'en'