From 943612e27aa442189d5cb8909b591ce1ffc51509 Mon Sep 17 00:00:00 2001
From: Sangwon Ryu <me@sryu.dev>
Date: Fri, 26 Apr 2024 00:39:22 +0900
Subject: [PATCH] Add organization statistics (real final)

---
 src/app/page.tsx | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 82601aa..a3443c2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,11 +1,21 @@
-'use client'
-
-import { Text } from '@chakra-ui/react'
+import { Flex, Heading } from '@chakra-ui/react'
+import { Statistics } from '@/app/components/common/Statistics';
+import { getOrganization } from '@/utils/api';
 
 export default async () => {
+  const org = await getOrganization()
+
   return (
     <main>
-      <Text>무슨 내용을 넣어야 좋을까요?</Text>
+      <Heading size='lg'>숭실대학교의 문제해결 통계</Heading>
+
+      <Flex flexWrap='wrap' direction={{ base: 'column', md: 'row' }} gap={4} mt={6}>
+        <Statistics text="구성원 수 (BOJ)" value={org.bojUserCount} unit='명' diff={1234} />
+        <Statistics text="구성원 수 (solved.ac)" value={org.userCount} unit='명' />
+        <Statistics text="푼 문제" value={org.solvedCount} unit='문제' />
+        <Statistics text="기여한 문제" value={org.voteCount} unit='문제' />
+        <Statistics text="AC Rating" value={org.rating} />
+      </Flex>
     </main>
   );
 }