From 692af160d7bb44a20663f96364aeb6c46e149807 Mon Sep 17 00:00:00 2001
From: whats2000 <60466660+whats2000@users.noreply.github.com>
Date: Sun, 26 May 2024 10:19:20 +0800
Subject: [PATCH] Feat: Make survival progress show reverse order

---
 src/pages/HomePage.tsx         | 12 ++++++++++++
 src/pages/SurvivalProgress.tsx |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index d388cb2..19c7721 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -17,6 +17,18 @@ const HomePage = () => {
 
   const createSections = (key: string, route: string) => {
     const data = t(key, { returnObjects: true }) as IImageContent[];
+
+    if (route === 'survivalProgress') {
+      const sliceIndex = Math.max(data.length - 3, 0);
+      return data
+        .slice(sliceIndex)
+        .reverse()
+        .map((item, index) => ({
+          ...item,
+          clickEvent: () => navigate(`/${route}?index=${index}`),
+        }));
+    }
+
     const sliceIndex = Math.max(data.length - 3, 0);
     return data.slice(sliceIndex).map((item, index) => ({
       ...item,
diff --git a/src/pages/SurvivalProgress.tsx b/src/pages/SurvivalProgress.tsx
index 8055b7f..6506b22 100644
--- a/src/pages/SurvivalProgress.tsx
+++ b/src/pages/SurvivalProgress.tsx
@@ -19,9 +19,9 @@ const SurvivalProgress = () => {
         subHeaderContentArray={[t('survivalProgress.description')]}
       />
       <Timeline
-        items={
+        items={(
           t('survivalProgress.data', { returnObjects: true }) as IImageContent[]
-        }
+        ).reverse()}
         activeIndex={shareIndex}
       />
     </>