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, () =>
Loading...
)
.with(S.Success, ({ data }) => (
-
+ <>
- {data.map((achievement) => {
- const typedAchievement = achievement as unknown as Achievement;
- return (
-
- );
- })}
-
+
+ {data.map((achievement) => {
+ const typedAchievement = achievement as unknown as Achievement;
+ return (
+
+ );
+ })}
+
+ >
))
.otherwise(({ 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 ;
})}
-
>
))
.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,
}) => (
-
+ <>
- {achievements.map((achievement) => {
- const isUnlocked = unlockedAchievements.some(
- (u) => u.achievementID === achievement.id,
- );
+
+ {achievements.map((achievement) => {
+ const isUnlocked = unlockedAchievements.some(
+ (u) => u.achievementID === achievement.id,
+ );
- return (
- {
- void handleUnlockToggle(
- achievement.id,
- unlockedAchievements,
- currentMember,
- u,
- async () => {
- await mutate();
- },
- );
- }}
- />
- );
- })}
-
+ return (
+ {
+ void handleUnlockToggle(
+ achievement.id,
+ unlockedAchievements,
+ currentMember,
+ u,
+ async () => {
+ await mutate();
+ },
+ );
+ }}
+ />
+ );
+ })}
+
+ >
),
)
.otherwise(({ data, error }) => (