Feat: Make survival progress show reverse order

mc-cloud-town · May 26, 2024 · 692af16 · 692af16
1 parent 2ac4be8
commit 692af16
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git 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
@@ -19,9 +19,9 @@ const SurvivalProgress = () => {
         subHeaderContentArray={[t('survivalProgress.description')]}
       />
       <Timeline
-        items={
+        items={(
           t('survivalProgress.data', { returnObjects: true }) as IImageContent[]
-        }
+        ).reverse()}
         activeIndex={shareIndex}
       />
     </>