Remove language switcher from blog

Author: melissawm

src/components/header.js

@@ -22,6 +22,8 @@ export const Header = () => {
   let navItems = getMenuItems()
   const { isOpen, onToggle } = useDisclosure()
   const { colorMode, toggleColorMode } = useColorMode()
+  const router = useRouter()
+  const isBlogPage = router.asPath.startsWith('/blog')
 
   return (
     <Box>
@@ -94,11 +96,12 @@ export const Header = () => {
               navItems={navItems}
               display={{ base: 'none', md: 'flex' }}
             />
-            <LanguageSwitcher />
+            
+            {!isBlogPage && <LanguageSwitcher />}
           </Stack>
         </Container>
       </Flex>
-      <MobileNav isOpen={isOpen} navItems={navItems} />
+      <MobileNav isOpen={isOpen} navItems={navItems} isBlogPage={isBlogPage} />
     </Box>
   )
 }

src/components/mobile-nav.js

@@ -8,6 +8,7 @@ import {
   useColorModeValue,
   useDisclosure,
 } from '@chakra-ui/react'
+import { useRouter } from 'next/router'
 
 import { LanguageSwitcher } from '@/components/language-switcher'
 import { Link } from '@/components/mdx'
@@ -73,7 +74,7 @@ const MobileNavItem = ({ href, children, label }) => {
   )
 }
 
-export const MobileNav = ({ navItems, isOpen }) => {
+export const MobileNav = ({ navItems, isOpen, isBlogPage }) => {
   if (!isOpen) return null
 
   return (
@@ -98,7 +99,7 @@ export const MobileNav = ({ navItems, isOpen }) => {
       {navItems.map((navItem) => (
         <MobileNavItem key={navItem.label} {...navItem} />
       ))}
-      <LanguageSwitcher></LanguageSwitcher>
+      {!isBlogPage && <LanguageSwitcher />}
     </Stack>
   )
 }

src/pages/blog/index.js

@@ -20,7 +20,6 @@ import { Link } from '@/components/mdx'
 import { distanceToNow, formatDate } from '@/lib/date-formatting'
 import { getSortedPostsMetadata } from '@/lib/posts'
 import { generateRssFeed } from '@/lib/rss-feed'
-import { loadCatalog } from '../../i18n'
 
 const SinglePost = ({ page }) => {
   const date = new Date(page.date)