aboutsummaryrefslogtreecommitdiffhomepage
path: root/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx')
-rw-r--r--frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx68
1 files changed, 34 insertions, 34 deletions
diff --git a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
index 320709b..ca2e16f 100644
--- a/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
+++ b/frontend/app/components/GolfWatchApps/GolfWatchAppGamingMultiplayer.tsx
@@ -8,43 +8,43 @@ import TitledColumn from "../TitledColumn";
import TwoColumnLayout from "../TwoColumnLayout";
type Props = {
- gameDisplayName: string;
- problemTitle: string;
- problemDescription: string;
- problemLanguage: SupportedLanguage;
- sampleCode: string;
+ gameDisplayName: string;
+ problemTitle: string;
+ problemDescription: string;
+ problemLanguage: SupportedLanguage;
+ sampleCode: string;
};
export default function GolfWatchAppGamingMultiplayer({
- gameDisplayName,
- problemTitle,
- problemDescription,
- problemLanguage,
- sampleCode,
+ gameDisplayName,
+ problemTitle,
+ problemDescription,
+ problemLanguage,
+ sampleCode,
}: Props) {
- const leftTimeSeconds = useAtomValue(gamingLeftTimeSecondsAtom)!;
+ const leftTimeSeconds = useAtomValue(gamingLeftTimeSecondsAtom)!;
- return (
- <div className="min-h-screen bg-gray-100 flex flex-col">
- <div className="text-white bg-brand-600 grid grid-cols-3 px-4 py-2">
- <div className="font-bold flex justify-between my-auto"></div>
- <div className="font-bold text-center">
- <div className="text-gray-100">{gameDisplayName}</div>
- <LeftTime sec={leftTimeSeconds} />
- </div>
- <div className="font-bold flex justify-between my-auto"></div>
- </div>
- <TwoColumnLayout>
- <ProblemColumn
- title={problemTitle}
- description={problemDescription}
- language={problemLanguage}
- sampleCode={sampleCode}
- />
- <TitledColumn title="順位表">
- <RankingTable problemLanguage={problemLanguage} />
- </TitledColumn>
- </TwoColumnLayout>
- </div>
- );
+ return (
+ <div className="min-h-screen bg-gray-100 flex flex-col">
+ <div className="text-white bg-brand-600 grid grid-cols-3 px-4 py-2">
+ <div className="font-bold flex justify-between my-auto"></div>
+ <div className="font-bold text-center">
+ <div className="text-gray-100">{gameDisplayName}</div>
+ <LeftTime sec={leftTimeSeconds} />
+ </div>
+ <div className="font-bold flex justify-between my-auto"></div>
+ </div>
+ <TwoColumnLayout>
+ <ProblemColumn
+ title={problemTitle}
+ description={problemDescription}
+ language={problemLanguage}
+ sampleCode={sampleCode}
+ />
+ <TitledColumn title="順位表">
+ <RankingTable problemLanguage={problemLanguage} />
+ </TitledColumn>
+ </TwoColumnLayout>
+ </div>
+ );
}