From 0b903a34f74938a28aba07f0be34a0ec3ac274a5 Mon Sep 17 00:00:00 2001
From: Sakura Knoll <s4kura.knoll@gmail.com>
Date: Mon, 20 Dec 2021 05:08:55 +0900
Subject: [PATCH] Add update notes to index page

---
 src/pages/honkai3rd/index.tsx | 55 ++++++++++++++++++++++++++++++-----
 1 file changed, 47 insertions(+), 8 deletions(-)

diff --git a/src/pages/honkai3rd/index.tsx b/src/pages/honkai3rd/index.tsx
index 106a45ee..2f071d3a 100644
--- a/src/pages/honkai3rd/index.tsx
+++ b/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,18 +35,34 @@ 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>
-          <NextLink href={`/honkai3rd/battlesuits`} passHref>
-            <Link>Battlesuits</Link>
-          </NextLink>
+        <Box mb={3}>
+          <Box>
+            <NextLink href={`/honkai3rd/battlesuits`} passHref>
+              <Link>Battlesuits</Link>
+            </NextLink>
+          </Box>
+          <Box>
+            <NextLink href={`/honkai3rd/stigmata`} passHref>
+              <Link>Stigmata</Link>
+            </NextLink>
+          </Box>
         </Box>
         <Box>
-          <NextLink href={`/honkai3rd/stigmata`} passHref>
-            <Link>Stigmata</Link>
-          </NextLink>
+          <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>