diff --git a/src/components/Rank/RankListView.js b/src/components/Rank/RankListView.js index cbcb730..2b28b25 100644 --- a/src/components/Rank/RankListView.js +++ b/src/components/Rank/RankListView.js @@ -23,10 +23,23 @@ const columns = [ ]; export default function RankListView({ teams }) { + const addMedalEmogi = (id) => { + switch (id) { + case 1: + return "🥇"; + case 2: + return "🥈"; + case 3: + return "🥉"; + default: + return id; + } + }; + const convertTeams2List = (teams) => { return teams?.map((team, idx) => { return { - id: idx + 1, + id: addMedalEmogi(idx + 1), groupNm: team.id, reportNm: team.reports, totalMins: team.totalMinutes, diff --git a/src/pages/Rank/Rank.js b/src/pages/Rank/Rank.js index af82334..0435442 100644 --- a/src/pages/Rank/Rank.js +++ b/src/pages/Rank/Rank.js @@ -14,6 +14,7 @@ import { useQuery } from "react-query"; import FullImage from "../../components/Rank/FullImage"; import ViewToggleButton from "../../components/Rank/ViewToggleButton"; +import { DataGrid } from "@mui/x-data-grid"; import RankListView from "../../components/Rank/RankListView"; import RankGridView from "../../components/Rank/RankGridView";