-
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
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
// SPDX-FileCopyrightText: 2024 Shota FUJI <pockawoooh@gmail.com>
// SPDX-License-Identifier: AGPL-3.0-only
import * as proto from "@bufbuild/protobuf";
import { type BadgeProps } from "@radix-ui/themes";
import { WorkRecordSchema } from "@yamori/proto/yamori/work_record/v1/work_record_pb.js";
import { type AbbreviationsSchema } from "@yamori/proto/yamori/workspace/v1/abbreviations_pb.js";
import { type FC } from "react";
import { RecordKindBadge } from "./RecordKindBadge.tsx";
export interface WorkRecordBadgesProps
extends Pick<
BadgeProps,
"size" | "m" | `m${"t" | "b" | "r" | "l" | "x" | "y"}` | "style" | "className"
> {
abbreviations?: proto.MessageShape<typeof AbbreviationsSchema>;
workRecord: proto.MessageShape<typeof WorkRecordSchema>;
}
export const WorkRecordBadges: FC<WorkRecordBadgesProps> = ({
abbreviations,
workRecord,
...rest
}) => {
switch (workRecord.kind.case) {
case "dayWhole":
return (
<RecordKindBadge
{...rest}
abbreviations={abbreviations}
record={workRecord.kind.value}
/>
);
case "dayHalved":
return (
<>
{workRecord.kind.value.am && (
<RecordKindBadge
{...rest}
abbreviations={abbreviations}
record={workRecord.kind.value.am}
/>
)}
{workRecord.kind.value.pm && (
<RecordKindBadge
{...rest}
abbreviations={abbreviations}
record={workRecord.kind.value.pm}
/>
)}
</>
);
default:
return null;
}
};