1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
type Props = {
gameId: number;
problem: string | null;
scoreA: number | null;
codeA: string | null;
scoreB: number | null;
codeB: string | null;
};
export default ({ problem, scoreA, codeA, scoreB, codeB }: Props) => {
return (
<>
<div style={{ display: 'flex', flexDirection: 'column' }}>
<div style={{ display: 'flex', flex: 1, justifyContent: 'center' }}>
{problem}
</div>
<div style={{ display: 'flex', flex: 3 }}>
<div style={{ display: 'flex', flex: 3, flexDirection: 'column' }}>
<div style={{ flex: 1, justifyContent: 'center' }}>
{scoreA}
</div>
<div style={{ flex: 3 }}>
<pre><code>{codeA}</code></pre>
</div>
</div>
<div style={{ display: 'flex', flex: 3, flexDirection: 'column' }}>
<div style={{ flex: 1, justifyContent: 'center' }}>
{scoreB}
</div>
<div style={{ flex: 3 }}>
<pre><code>{codeB}</code></pre>
</div>
</div>
</div>
</div>
</>
);
};
|
