From 2c4eb02275537c03ed80b631a0dbae34dd0578ce Mon Sep 17 00:00:00 2001
From: nrak126 <daichidaichi126@gmail.com>
Date: Fri, 14 Jun 2024 13:13:46 +0900
Subject: [PATCH 1/4] =?UTF-8?q?vite.config=E3=81=ABport=E7=95=AA=E5=8F=B7?=
 =?UTF-8?q?=E3=81=AE=E6=8C=87=E5=AE=9A=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite.config.mts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/vite.config.mts b/vite.config.mts
index ab9eeb1..0dc569a 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -5,4 +5,7 @@ import generouted from "@generouted/react-router/plugin";
 
 export default defineConfig({
   plugins: [react(), paths(), generouted()],
+  server: {
+    port: 8080,
+  },
 });

From 207f010ba06200f21b36cafe622d47fb9c88c737 Mon Sep 17 00:00:00 2001
From: nrak126 <daichidaichi126@gmail.com>
Date: Sat, 15 Jun 2024 17:17:28 +0900
Subject: [PATCH 2/4] =?UTF-8?q?MenberCard=E3=82=B3=E3=83=B3=E3=83=9D?=
 =?UTF-8?q?=E3=83=BC=E3=83=8D=E3=83=B3=E3=83=88=E3=81=AE=E4=BD=9C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/member/Card.tsx | 36 ++++++++++++++++++++++++++++++----
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/components/member/Card.tsx b/src/components/member/Card.tsx
index bdb68f8..fd3ca81 100644
--- a/src/components/member/Card.tsx
+++ b/src/components/member/Card.tsx
@@ -1,13 +1,41 @@
 import { Member } from "@/types/member";
-import { Text } from "@radix-ui/themes";
+import { Avatar, Box, Flex, Separator, Text } from "@radix-ui/themes";
 import { type ReactElement } from "react";
 
 export function MemberCard({ member }: { member: Member }): ReactElement {
+  //仮の情報を表示
+  //icon,name,screen_name,post_count,role
   return (
     <>
-      <Text>Hello This page is memberCard</Text>
-      <Text>{member.name}</Text>
-      <Text>{member.email}</Text>
+      <Flex gap="4" align="center" height="80px">
+          <Avatar
+            size="5"
+            src = {member.icon}
+            radius="full"
+            fallback="T"
+          />
+          <Box width="300px" >
+            <Text as="div" size="7" weight="bold">
+              {member.name}
+            </Text>
+          </Box>
+          <Box width="60px">
+            <Text as="div" size="5" color="gray" align="center">
+              {member.screen_name}
+            </Text>
+          </Box>
+          <Box width="60px">
+            <Text as="div" size="5" color="gray" align="center">
+              {member.posts_count}
+            </Text>
+          </Box>
+          <Box width="60px">
+            <Text as="div" size="5" color="gray" align="center">
+              {member.role}
+            </Text>
+          </Box>
+      </Flex>
+      <Separator my="1" size="4" />
     </>
   );
 }

From 76d80befd1a490fea1e5e3d95b2391b65955020d Mon Sep 17 00:00:00 2001
From: nrak126 <daichidaichi126@gmail.com>
Date: Sat, 15 Jun 2024 17:29:36 +0900
Subject: [PATCH 3/4] =?UTF-8?q?=E3=83=A1=E3=83=B3=E3=83=90=E3=83=BC?=
 =?UTF-8?q?=E3=81=AE=E4=B8=80=E8=A6=A7=E8=A1=A8=E7=A4=BA=E3=82=92=E4=BD=9C?=
 =?UTF-8?q?=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/pages/members/index.tsx b/src/pages/members/index.tsx
index 5dfa0b6..94e9f2a 100644
--- a/src/pages/members/index.tsx
+++ b/src/pages/members/index.tsx
@@ -4,7 +4,11 @@ import SampleMember from "@/assets/members.json";
 import { Member } from "@/types/member";
 
 export default function Page(): ReactElement {
-  const teto = SampleMember.members.at(-1) as Member;
-
-  return <MemberCard member={teto}></MemberCard>;
+  return (
+    <>
+      {SampleMember.members.map((user) => (
+        <MemberCard member={user as Member}></MemberCard>
+      ))}
+    </>
+  )
 }

From 1da9a4e77605f248509960026df749057e7d6916 Mon Sep 17 00:00:00 2001
From: nasubi <r916nis@gmail.com>
Date: Sat, 15 Jun 2024 17:48:49 +0900
Subject: [PATCH 4/4] =?UTF-8?q?member=20=E5=9E=8B=E8=A8=AD=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/members/index.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/members/index.tsx b/src/pages/members/index.tsx
index 94e9f2a..53304cd 100644
--- a/src/pages/members/index.tsx
+++ b/src/pages/members/index.tsx
@@ -6,9 +6,10 @@ import { Member } from "@/types/member";
 export default function Page(): ReactElement {
   return (
     <>
-      {SampleMember.members.map((user) => (
-        <MemberCard member={user as Member}></MemberCard>
-      ))}
+      {SampleMember.members.map((e: any) => {
+        const member = e as Member;
+        <MemberCard member={member}></MemberCard>;
+      })}
     </>
-  )
+  );
 }