yamori

有給休暇計算を主目的とした簡易勤怠管理システム

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 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;
	}
};