From 27c12ea65aa6b229c3b3d832032a0d9468bcd994 Mon Sep 17 00:00:00 2001
From: nrak126 <daichidaichi126@gmail.com>
Date: Thu, 20 Jun 2024 18:16:44 +0900
Subject: [PATCH] =?UTF-8?q?members=E3=81=AE=E3=83=AC=E3=82=A4=E3=82=A2?=
 =?UTF-8?q?=E3=82=A6=E3=83=88=E3=81=AE=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/members/index.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/members/index.tsx b/src/pages/members/index.tsx
index 8bf0b39..53ba8d6 100644
--- a/src/pages/members/index.tsx
+++ b/src/pages/members/index.tsx
@@ -1,13 +1,20 @@
-import { Table } from "@radix-ui/themes";
+import { Box, Table } from "@radix-ui/themes";
 import { type ReactElement } from "react";
+import styled from "styled-components";
 import SampleMember from "@/assets/members.json";
 import SampleUnlockedAchievements from '@/assets/unlockedAchievements.json'
 import { MemberCard } from "@/components/member/Card";
 import { type Member } from "@/types/member";
 
+
+const BoxStyle = styled(Box)`
+  margin: 0 auto;
+`;
+
 export default function Page(): ReactElement {
   let point:number = 0;
   return (
+    <BoxStyle width="70%">
       <Table.Root>
         <Table.Header>
           <Table.Row>
@@ -24,7 +31,7 @@ export default function Page(): ReactElement {
           const member: Member = e as Member;
           
           SampleUnlockedAchievements.unlockedAchievements.forEach((unlockedAchievement)=>{
-            if(unlockedAchievement.memberEmail === member.email){
+            if(unlockedAchievement.userEmail === member.email){
               point += 1;
             }
           })
@@ -32,5 +39,6 @@ export default function Page(): ReactElement {
         })}
         </Table.Body>
       </Table.Root>
+    </BoxStyle>
   );
 }