)
@@ -60,9 +76,9 @@ const CrewRanking = ({ rankings, myRank }: { rankings: any[]; myRank: any }) =>
{/* 1, 2, 3등 랭킹 */}
-
-
-
+
+
+
{/* 전체 랭킹 목록 */}
diff --git a/src/components/Crew/MyCrew/CrewRanking.tsx b/src/components/Crew/MyCrew/CrewRanking.tsx
deleted file mode 100644
index e7ef7f7..0000000
--- a/src/components/Crew/MyCrew/CrewRanking.tsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import Crew1stCrownIcon from "@assets/icons/crew-1st-crown.svg?react"
-
-const RankPillar = ({ rank, name, score, height }: any) => {
- const rankStyleMap: { gap: string; bgColor: string; fontSize: string }[] = [
- {
- gap: "6",
- bgColor: "#8BBAFE",
- fontSize: "32px",
- },
- {
- gap: "6",
- bgColor: "#DCEBFD",
- fontSize: "22px",
- },
- {
- gap: "4",
- bgColor: "#DCEBFD",
- fontSize: "22px",
- },
- ]
-
- const style = rankStyleMap[rank - 1]
-
- return (
-
-
-
- {rank === 1 &&
}
-
{rank}등
-
-
{name}
-
틀어짐 {score}회
-
-
- )
-}
-
-const RankCard = ({ rank, name, score, isMe }: any) => (
-
-
-
{rank}
-
{isMe ? "나" : name}
-
-
자세경고 {score}회
-
-)
-
-const CrewRanking = ({ rankings, myRank }: { rankings: any[]; myRank: any }) => {
- const topThree = rankings.slice(0, 3)
-
- return (
-
- {/* 1, 2, 3등 랭킹 */}
-
- {topThree[0] && }
- {topThree[1] && }
- {topThree[2] && }
-
-
- {/* 전체 랭킹 목록 */}
-
-
-
-
-
-
- {rankings.map((rank, index) => (
-
- ))}
-
-
-
-
- )
-}
-
-export default CrewRanking
diff --git a/src/components/Crew/MyCrew/MyCrewRankingContainer.tsx b/src/components/Crew/MyCrew/MyCrewRankingContainer.tsx
index 9a4eb0d..45504f7 100644
--- a/src/components/Crew/MyCrew/MyCrewRankingContainer.tsx
+++ b/src/components/Crew/MyCrew/MyCrewRankingContainer.tsx
@@ -1,7 +1,7 @@
import SendInvitationIcon from "@assets/icons/crew-send-invitation.svg?react"
import CrewUserIcon from "@assets/icons/crew-user-icon.svg?react"
import { Link } from "react-router-dom"
-import CrewRanking from "./CrewRanking"
+import CrewRanking from "../CrewRanking"
import RoutePath from "@/constants/routes.json"
import MyCrewHeader from "./MyCrewHeader"
@@ -58,9 +58,7 @@ export default function MyCrewRankingContainer(props: MyCrewRankingContainerProp