From 84439c9855472a67d69e96adde8825e8797cc954 Mon Sep 17 00:00:00 2001
From: nasubi916 <r916nis@gmail.com>
Date: Fri, 6 Sep 2024 18:02:50 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=E3=81=BE=E3=81=9A=E3=81=AF`/member`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/members/index.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/pages/members/index.tsx b/src/pages/members/index.tsx
index 05d11a3..1f942cd 100644
--- a/src/pages/members/index.tsx
+++ b/src/pages/members/index.tsx
@@ -16,7 +16,7 @@ import { handleSWRError } from "@/lib/utils/swr";
 
 const BoxStyle = styled(Box)`
   margin: 0 auto;
-  height: 100vh;
+  height: 80vh;
   overflow: scroll;
 `;
 
@@ -35,17 +35,19 @@ export default function Page(): ReactElement {
   return match(swrMembersAndUnlockedAchievements)
     .with(S.Loading, () => <div>Loading...</div>)
     .with(S.Success, ({ data: { members, unlockedAchievements } }) => (
-      <BoxStyle width="70%">
+      <>
         <Box mt="20vh" />
-        {members.map((m) => {
-          const point = getUnlockedAchievementsFromMember(
-            m,
-            unlockedAchievements,
-          ).length;
-          return <MemberCard key={m.email} member={m} point={point} />;
-        })}
-        <Box mt="20vh" />
-      </BoxStyle>
+        <BoxStyle width="70%">
+          {members.map((m) => {
+            const point = getUnlockedAchievementsFromMember(
+              m,
+              unlockedAchievements,
+            ).length;
+            return <MemberCard key={m.email} member={m} point={point} />;
+          })}
+        </BoxStyle>
+          <Box mt="20vh" />
+      </>
     ))
     .otherwise(({ data, error }) => (
       <ErrorScreen error={handleSWRError(data, error)} />

From 271c3a685d36980a26bde4a871c9e994a159a0e9 Mon Sep 17 00:00:00 2001
From: nasubi916 <r916nis@gmail.com>
Date: Fri, 6 Sep 2024 18:04:59 +0900
Subject: [PATCH 2/2] =?UTF-8?q?`/achievements`=E3=81=A8`/unlocked`?=
 =?UTF-8?q?=E3=81=AE=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB=E5=8F=AF?=
 =?UTF-8?q?=E8=83=BD=E3=81=AB=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/achievements/index.tsx | 26 ++++++++-------
 src/pages/members/index.tsx      |  1 -
 src/pages/unlocked/index.tsx     | 56 +++++++++++++++++---------------
 3 files changed, 43 insertions(+), 40 deletions(-)

diff --git a/src/pages/achievements/index.tsx b/src/pages/achievements/index.tsx
index 483de59..7509efb 100644
--- a/src/pages/achievements/index.tsx
+++ b/src/pages/achievements/index.tsx
@@ -13,7 +13,7 @@ import { type Achievement } from "@/types/post-data/achievements";
 
 const BoxStyle = styled(Box)`
   margin: 0 auto;
-  height: 100%;
+  height: 80vh;
   overflow: scroll;
 `;
 
@@ -24,18 +24,20 @@ export default function Page(): ReactElement {
   return match(swrAchievements)
     .with(S.Loading, () => <div>Loading...</div>)
     .with(S.Success, ({ data }) => (
-      <BoxStyle width="70%">
+      <>
         <Box mt="20vh" />
-        {data.map((achievement) => {
-          const typedAchievement = achievement as unknown as Achievement;
-          return (
-            <AchievementCard
-              key={achievement.id}
-              achievement={typedAchievement}
-            />
-          );
-        })}
-      </BoxStyle>
+        <BoxStyle width="70%">
+          {data.map((achievement) => {
+            const typedAchievement = achievement as unknown as Achievement;
+            return (
+              <AchievementCard
+                key={achievement.id}
+                achievement={typedAchievement}
+              />
+            );
+          })}
+        </BoxStyle>
+      </>
     ))
     .otherwise(({ data, error }) => (
       <ErrorScreen error={handleSWRError(data, error)} />
diff --git a/src/pages/members/index.tsx b/src/pages/members/index.tsx
index 1f942cd..9688966 100644
--- a/src/pages/members/index.tsx
+++ b/src/pages/members/index.tsx
@@ -46,7 +46,6 @@ export default function Page(): ReactElement {
             return <MemberCard key={m.email} member={m} point={point} />;
           })}
         </BoxStyle>
-          <Box mt="20vh" />
       </>
     ))
     .otherwise(({ data, error }) => (
diff --git a/src/pages/unlocked/index.tsx b/src/pages/unlocked/index.tsx
index 5e28c1b..e69e85b 100644
--- a/src/pages/unlocked/index.tsx
+++ b/src/pages/unlocked/index.tsx
@@ -18,7 +18,7 @@ import { type UnlockedAchievement } from "@/types/post-data/unlocked-achievement
 
 const BoxStyle = styled(Box)`
   margin: 0 auto;
-  height: 100%;
+  height: 80vh;
   overflow: scroll;
 `;
 
@@ -83,34 +83,36 @@ export default function Page(): ReactElement {
         data: { achievements, unlockedAchievements, currentMember },
         mutate,
       }) => (
-        <BoxStyle width="70%">
+        <>
           <Box mt="20vh" />
-          {achievements.map((achievement) => {
-            const isUnlocked = unlockedAchievements.some(
-              (u) => u.achievementID === achievement.id,
-            );
+          <BoxStyle width="70%">
+            {achievements.map((achievement) => {
+              const isUnlocked = unlockedAchievements.some(
+                (u) => u.achievementID === achievement.id,
+              );
 
-            return (
-              <UnlockableCard
-                key={achievement.id}
-                achievement={achievement}
-                isDisabled={isUILocked}
-                isUnlocked={isUnlocked}
-                setIsUnlocked={(u) => {
-                  void handleUnlockToggle(
-                    achievement.id,
-                    unlockedAchievements,
-                    currentMember,
-                    u,
-                    async () => {
-                      await mutate();
-                    },
-                  );
-                }}
-              />
-            );
-          })}
-        </BoxStyle>
+              return (
+                <UnlockableCard
+                  key={achievement.id}
+                  achievement={achievement}
+                  isDisabled={isUILocked}
+                  isUnlocked={isUnlocked}
+                  setIsUnlocked={(u) => {
+                    void handleUnlockToggle(
+                      achievement.id,
+                      unlockedAchievements,
+                      currentMember,
+                      u,
+                      async () => {
+                        await mutate();
+                      },
+                    );
+                  }}
+                />
+              );
+            })}
+          </BoxStyle>
+        </>
       ),
     )
     .otherwise(({ data, error }) => (