woj/woj-ui-2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ProblemInfoMenu: display language as human-readable label

Browse Source
This commit is contained in:
Paul Pan 2024-03-16 18:50:03 +08:00
parent 9274b3314d
commit 8b2e0ad894
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/ProblemInfoMenu.tsx
View File

@ -19,6 +19,7 @@ import {
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { Link as ReactRouterLink } from "react-router-dom"; import { Link as ReactRouterLink } from "react-router-dom";
import type { DetailResponse, RuntimeInfo } from "../app/services/problem"; import type { DetailResponse, RuntimeInfo } from "../app/services/problem";
import { LanguageMap } from "./Languages";
const TitleItem = ({ word }: { word: string }) => ( const TitleItem = ({ word }: { word: string }) => (
<h2> <h2>
@ -76,7 +77,7 @@ export default function ProblemInfoMenu(props: ProblemInfoMenuProps) {
{props.data?.context.Languages.map((l) => ( {props.data?.context.Languages.map((l) => (
<WrapItem key={l.Lang}> <WrapItem key={l.Lang}>
<Tag variant="outline" size="sm" colorScheme="pink"> <Tag variant="outline" size="sm" colorScheme="pink">
{l.Lang} {LanguageMap[l.Lang].label}
</Tag> </Tag>
</WrapItem> </WrapItem>
))} ))}
@ -122,7 +123,7 @@ export default function ProblemInfoMenu(props: ProblemInfoMenuProps) {
<Select size="sm" onChange={(e) => setLang(e.target.value)} value={lang}> <Select size="sm" onChange={(e) => setLang(e.target.value)} value={lang}>
{props.data?.context.Languages.map((l) => ( {props.data?.context.Languages.map((l) => (
<option key={l.Lang} value={l.Lang}> <option key={l.Lang} value={l.Lang}>
{l.Lang} {LanguageMap[l.Lang].label}
</option> </option>
))} ))}
</Select> </Select>