feat: 선택 비율 API 연동

src/pages/ResultPage.tsx

@@ -2,6 +2,7 @@ import { Button } from "@/components/form/Button";
 import TopBar from "@/components/layout/TopBar";
 import { Text } from "@/components/typography";
 
+import { useRatioResult } from "@/hooks/useRatioResult";
 import { useResult } from "@/hooks/useResult";
 
 import clubs from "@/constants/clubs";
@@ -24,6 +25,8 @@ import { css } from "@emotion/react";
 export default function ResultPage() {
     const { name, mbti, result, navigate } = useResult();
 
+    const { isPending, totalCount, mbtiCount } = useRatioResult();
+
     return (
         <>
             <TopBar title="결과 보기" />
@@ -78,7 +81,11 @@ export default function ResultPage() {
                     </ClubItems>
 
                     <Text size="xs" weight="light">
-                        <b>3,800명</b>의 참가자 중 <b>38명</b>이 이 유형이 나왔어요!
+                        {!isPending && (
+                            <>
+                                <b>{totalCount}명</b>의 참가자 중 <b>{mbtiCount}명</b>이 이 유형이 나왔어요!
+                            </>
+                        )}
                     </Text>
                 </ResultContainer>