fix: Leaderboard bug fixes

Author: jaychang99

src/components/LeaderBoard/LeaderBoardTopItem/index.js

@@ -38,10 +38,10 @@ function LeaderBoardTopItem({
         <KPMText>{KPM} 타</KPMText>
       </LeaderBoardTopItemBasicInfoContainer>
       <LeaderBoardTopItemLanguageSyntaxContainer>
-        <Badge IconComponent={TagIcon}>
+        <Badge IconComponent={TagIcon} language={LANGUAGES[language - 1]} syntax={syntax}>
           {type === "header" ? "언어" : LANGUAGES[language - 1]}
         </Badge>
-        <Badge IconComponent={ExternalIcon}>
+        <Badge IconComponent={ExternalIcon} language={LANGUAGES[language - 1]} syntax={syntax}>
           {type === "header" ? "문법" : SYNTAXES[LANGUAGES[language - 1]][syntax - 1].title}
         </Badge>
       </LeaderBoardTopItemLanguageSyntaxContainer>

src/components/LeaderBoard/index.js

@@ -45,7 +45,7 @@ function LeaderBoard({ ranks }) {
               variants={defaultFadeInScaleVariants}
               username={rank.user.username}
               email={rank.user.email}
-              KPM={rank.record}
+              KPM={rank.highest_record}
               language={rank.language_no}
               syntax={rank.grammar_no}
               key={index}

src/hooks/useRanks.js

@@ -4,7 +4,9 @@ import { fetcher } from "utils/fetcher";
 // 전체 유저들의 랭킹을 가져옴. (본인 로그인 여부와 무관)
 function useRanks(pageNumber, pageSize, languageNo = 1, grammarNo = 1) {
   const { data, mutate, error } = useSWR(
-    `/ranks?pageNumber=${pageNumber}&pageSize=${pageSize}&languageNo=${languageNo}`,
+    languageNo
+      ? `/ranks?pageNumber=${pageNumber}&pageSize=${pageSize}&languageNo=${languageNo}`
+      : `/ranks?pageNumber=${pageNumber}&pageSize=${pageSize}`,
     fetcher,
     {
       revalidateOnFocus: false,

src/pages/Leaderboard/index.js

@@ -19,11 +19,11 @@ import { mutate } from "swr";
 import Pagination from "@mui/material/Pagination";
 
 function Leaderboard() {
-  const [languageNo, setLanguageNo] = useState(1);
+  const [languageNo, setLanguageNo] = useState(null);
   const [languageText, setLanguageText] = useState(null);
-  const [grammarNo, setgrammarNo] = useState(1);
+  const [grammarNo, setgrammarNo] = useState(null);
   const [grammarText, setGrammarText] = useState(null);
-  const { ranks, error } = useRanks(1, 10, languageNo, grammarNo);
+  const { ranks, error } = useRanks(1, 70, languageNo, grammarNo);
   const LanguageList = ["PYTHON", "HTML", "C"];
   const [language, setSelected] = useState(undefined);
 
@@ -70,7 +70,7 @@ function Leaderboard() {
                   variants={defaultFadeInVariants}
                   username={ranks[0].user.username}
                   email={ranks[0].user.email}
-                  KPM={ranks[0].record}
+                  KPM={ranks[0].highest_record}
                   language={ranks[0].language_no}
                   syntax={ranks[0].grammar_no}
                   ranking="first"
@@ -80,7 +80,7 @@ function Leaderboard() {
                     variants={defaultFadeInVariants}
                     username={ranks[1].user.username}
                     email={ranks[1].user.email}
-                    KPM={ranks[1].record}
+                    KPM={ranks[1].highest_record}
                     language={ranks[1].language_no}
                     syntax={ranks[1].grammar_no}
                     ranking="second"
@@ -105,9 +105,9 @@ function Leaderboard() {
             {ranks.slice(2).length !== 0 && (
               <>
                 <LeaderBoard ranks={ranks.slice(2)}></LeaderBoard>
-                <PaginationContainer>
+                {/* <PaginationContainer>
                   <Pagination count={10}></Pagination>
-                </PaginationContainer>
+                </PaginationContainer> */}
               </>
             )}
           </LeaderBoardPageContentContainer>