Add update notes to index page

src/pages/honkai3rd/index.tsx

@@ -4,6 +4,29 @@ import React from 'react'
 import Breadcrumb from '../../components/organisms/Breadcrumb'
 import Honkai3rdNavigator from '../../components/organisms/Honkai3rdNavigator'
 
+const updateNotes = [
+  ['v5.2', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/16632'],
+  ['v5.1', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/15882'],
+  ['v5.0', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/14917'],
+  ['v4.9', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/13943'],
+  ['v4.8', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/13044'],
+  ['v4.7', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/11980'],
+  ['v4.6', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/9101'],
+  ['v4.5', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/7996'],
+  ['v4.4', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/7312'],
+  ['v4.3', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/6105'],
+  ['v4.2', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/5489'],
+  ['v4.1', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/4965'],
+  ['v4.0', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/4421'],
+  ['v3.9', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/3296'],
+  ['v3.8', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/2855'],
+  ['v3.7', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/2337'],
+  ['v3.6', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/1936'],
+  ['v3.5', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/1505'],
+  ['v3.4', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/1092'],
+  ['v3.3', 'https://honkaiimpact3.mihoyo.com/asia/en-us/news/851'],
+]
+
 const Honkai3rdIndexPage = () => {
   return (
     <Box>
@@ -12,9 +35,10 @@ const Honkai3rdIndexPage = () => {
       <Box p={3}>
         <Breadcrumb items={[{ href: 'honkai3rd', label: 'Honkai 3rd' }]} />
         <Heading as='h1'>Honkai 3rd</Heading>
-        <Box>
+        <Box mb={3}>
           <Image src='/assets/honkai3rd/wallpaper.png' width='100%' />
         </Box>
+        <Box mb={3}>
           <Box>
             <NextLink href={`/honkai3rd/battlesuits`} passHref>
               <Link>Battlesuits</Link>
@@ -26,6 +50,21 @@ const Honkai3rdIndexPage = () => {
             </NextLink>
           </Box>
         </Box>
+        <Box>
+          <Heading>Updates</Heading>
+          <Box>
+            {updateNotes.map(([version, href]) => {
+              return (
+                <Box key={version}>
+                  <Link href={href} target='_blank'>
+                    {version} Update Notes
+                  </Link>
+                </Box>
+              )
+            })}
+          </Box>
+        </Box>
+      </Box>
     </Box>
   )
 }