[feat/#32] 상용 환경에서 랭킹 컬러가 잘 보이지 않는 이슈 해결

DDD-Community · Sep 10, 2024 · c991dee · c991dee
1 parent a6a35b6
commit c991dee
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/src/api/analysis.ts b/src/api/analysis.ts
@@ -33,7 +33,7 @@ export const getTodayPoseAnalysis = async (): Promise<TodayAnalysisData> => {
 
 export const getTotalPoseAnalysis = async (): Promise<TodayAnalysisData[]> => {
   try {
-    const res = await axiosInstance.get("/pose-counts?sort=date,desc")
+    const res = await axiosInstance.get("/pose-counts?sort=date,asc")
     return res.data.data
   } catch (e) {
     throw e

diff --git a/src/components/Crew/CrewRanking.tsx b/src/components/Crew/CrewRanking.tsx
@@ -19,13 +19,16 @@ const RankPillar = ({ rank, name, score, height }: any) => {
     },
   ]
 
+  const style = rankStyleMap[rank - 1]
+
   return (
     <div className="flex flex-col items-center text-zinc-800" style={{ height }}>
       <div
-        className={`flex w-[180px] flex-grow flex-col items-center justify-end py-6 gap-${
-          rankStyleMap[rank - 1].gap
-        } rounded-[12px] bg-[${rankStyleMap[rank - 1].bgColor}]`}
-        style={{ minHeight: "100px" }} // 최소 높이 설정
+        className={`flex w-[180px] flex-grow flex-col items-center justify-end py-6 gap-${style.gap} rounded-[12px]`}
+        style={{
+          minHeight: "100px",
+          backgroundColor: style.bgColor,
+        }}
       >
         <div className="flex flex-col items-center">
           {rank === 1 && <Crew1stCrownIcon className="mb-2 h-6 w-6" />}