ポッドキャスト配信対応

.gitignore

@@ -33,4 +33,7 @@ yarn-error.log*
 # cypress
 cypress/videos/
 
-certificates
+certificates
+
+# Generated podcast files
+public/podcast.xml

components/Date.tsx

@@ -1,6 +1,9 @@
-import { parseISO, format } from 'date-fns'
+import { parseISO, format, isValid } from 'date-fns'
 
 export default function Date({ dateString }: { dateString: string }) {
   const date = parseISO(dateString)
+  if (!isValid(date)) {
+    return <time dateTime="">Invalid date</time>
+  }
   return <time dateTime={dateString}>{format(date, 'LLLL d, yyyy')}</time>
 }

components/HeaderRightMenu.tsx

@@ -1,6 +1,7 @@
 import { useBreakpointValue, HStack, Box } from '@chakra-ui/react'
 import { SearchIcon, QuestionOutlineIcon } from '@chakra-ui/icons'
 import Link from 'next/link'
+import Image from 'next/image'
 
 const HeaderRightMenu = () => {
   const isMobile = useBreakpointValue({ base: true, md: false })
@@ -10,6 +11,20 @@ const HeaderRightMenu = () => {
         <Link href="/about">
           <QuestionOutlineIcon boxSize={6} />
         </Link>
+        <Link href="/podcast">
+          <Box width="30px" height="30px">
+            <Image
+              src="/images/podcast.png"
+              width={30}
+              height={30}
+              alt="みんなのポッドキャスト"
+              style={{
+                maxWidth: '100%',
+                height: 'auto',
+              }}
+            />
+          </Box>
+        </Link>
         <Link href="/tools">
           <SearchIcon boxSize={6} />
         </Link>
@@ -23,6 +38,11 @@ const HeaderRightMenu = () => {
           FBC Stackについて
         </Box>
       </Link>
+      <Link href="/podcast">
+        <Box as={'span'} color="externalLink">
+          みんなのポッドキャスト
+        </Box>
+      </Link>
       <Link href="/tools">
         <Box as={'span'} color="externalLink">
           みんなのツール