react_ui: 有給休暇を取得しきってもダッシュボードに表示する 使い切ったのか元からないのかわからなかったため。

Changes

1 changed files (+16/-14)

• packages/react_ui/src/pages/:workspace/workers/:id/Dashboard/PaidLeaves.tsx
  • @@ -33,10 +33,6 @@
    return ( <Flex gap="2"> {worker.paidLeaveProvisions.map((provision, i) => { - if (!provision.remainingDays && !provision.isHalvedDayRemaining) { - return null; - } - return ( <Skeleton key={
  • @@ -46,17 +42,23 @@ loading={loading}
    > <Card> <Box> - <Text as="div" mb="1"> - 残り - <Text weight="bold"> - {provision.remainingDays > 0 - ? `${provision.remainingDays}日${provision.isHalvedDayRemaining ? "半" : ""}` - : provision.isHalvedDayRemaining - ? "半日" - : "0日"} + {provision.remainingDays === 0 && !provision.isHalvedDayRemaining ? ( + <Text as="div" mb="1" color="gray"> + 全て取得済み </Text> - 利用可能 - </Text> + ) : ( + <Text as="div" mb="1"> + 残り + <Text weight="bold"> + {provision.remainingDays > 0 + ? `${provision.remainingDays}日${provision.isHalvedDayRemaining ? "半" : ""}` + : provision.isHalvedDayRemaining + ? "半日" + : "0日"} + </Text> + 利用可能 + </Text> + )} <Text as="div" size="2" color="gray"> {provision.providedAt && provision.expiresAt ? ( dateFormatter.formatRange(