Merge branch 'issues/2'

src/assets/members.json

@@ -8,7 +8,7 @@
       "role": "member",
       "posts_count": 0,
       "joined_at": "2019-01-01T00:00:00Z",
-      "last_accessed_at": "2019-01-01T00:00:00Z",
+      "last_posted_at": "2019-01-01T00:00:00Z",
       "email": "xxxxxx"
     },
     {
@@ -19,7 +19,7 @@
       "role": "owner",
       "posts_count": 0,
       "joined_at": "2019-01-01T00:00:00Z",
-      "last_accessed_at": "2019-01-01T00:00:00Z",
+      "last_posted_at": "2019-01-01T00:00:00Z",
       "email": "xxxxxx"
     }
   ],

src/components/member/Card.tsx

@@ -1,12 +1,13 @@
+import { Member } from "@/types/member";
 import { Text } from "@radix-ui/themes";
 import { type ReactElement } from "react";
 
-export function MemberCard({ data }: { data: any }): ReactElement {
+export function MemberCard({ member }: { member: Member }): ReactElement {
   return (
     <>
       <Text>Hello This page is memberCard</Text>
-      <Text>{data.name}</Text>
-      <Text>{data.email}</Text>
+      <Text>{member.name}</Text>
+      <Text>{member.email}</Text>
     </>
   );
 }

src/pages/achievements/index.tsx

@@ -1,5 +1,4 @@
 import { type ReactElement } from "react";
-import { List } from "@/components/List";
 import { MemberCard } from "@/components/member/Card";
 
 export function Page(): ReactElement {
@@ -15,9 +14,5 @@ export function Page(): ReactElement {
       description: "",
     },
   ];
-  return (
-    <List data={achievementsTestData}>
-      <MemberCard data={undefined} />
-    </List>
-  );
+  return <p></p>;
 }

src/pages/members/index.tsx

@@ -1,23 +1,10 @@
 import { type ReactElement } from "react";
-import { List } from "@/components/List";
 import { MemberCard } from "@/components/member/Card";
+import SampleMember from "@/assets/members.json";
+import { Member } from "@/types/member";
 
 export function Page(): ReactElement {
-  const membersTestData = [
-    {
-      id: 1,
-      name: "John Doe",
-      email: "[email protected]",
-    },
-    {
-      id: 2,
-      name: "Jane Doe",
-      email: "[email protected]",
-    },
-  ];
-  return (
-    <List data={membersTestData}>
-      <MemberCard data={undefined} />
-    </List>
-  );
+  const teto = SampleMember.members.at(-1) as Member;
+
+  return <MemberCard member={teto}></MemberCard>;
 }

src/pages/ranking/index.tsx

@@ -0,0 +1,13 @@
+import { MemberCard } from "@/components/member/Card";
+import { ReactElement } from "react";
+import SampleMember from "@/assets/members.json";
+import members from "@/assets/members.json";
+import { Member } from "@/types/member";
+
+export default function Page(): ReactElement {
+  const teto = SampleMember.members.at(-1) as Member;
+
+  if (teto == null) throw new Error("Teto not found!");
+
+  return <MemberCard member={teto}></MemberCard>;
+}