diff options
| -rw-r--r-- | frontend/app/components/Gaming/RankingTable.tsx | 23 |
1 files changed, 17 insertions, 6 deletions
diff --git a/frontend/app/components/Gaming/RankingTable.tsx b/frontend/app/components/Gaming/RankingTable.tsx index 4ba3987..60f4808 100644 --- a/frontend/app/components/Gaming/RankingTable.tsx +++ b/frontend/app/components/Gaming/RankingTable.tsx @@ -10,9 +10,18 @@ type Props = { export default function RankingTable({ problemLanguage }: Props) { const ranking = useAtomValue(rankingAtom); + const showCode = ranking.some((entry) => entry.code != null); return ( - <DataTable headers={["順位", "プレイヤー", "スコア", "提出時刻", "コード"]}> + <DataTable + headers={[ + "順位", + "プレイヤー", + "スコア", + "提出時刻", + ...(showCode ? ["コード"] : []), + ]} + > {ranking.map((entry, index) => ( <tr key={entry.player.user_id}> <DataTableCell>{index + 1}</DataTableCell> @@ -24,11 +33,13 @@ export default function RankingTable({ problemLanguage }: Props) { <DataTableCell> {formatUnixTimestamp(entry.submitted_at)} </DataTableCell> - <DataTableCell> - {entry.code && ( - <CodePopover code={entry.code} language={problemLanguage} /> - )} - </DataTableCell> + {showCode && ( + <DataTableCell> + {entry.code && ( + <CodePopover code={entry.code} language={problemLanguage} /> + )} + </DataTableCell> + )} </tr> ))} </DataTable> |