StatusBadge.tsx 608 B

1234567891011121314151617181920212223242526
  1. import { Badge } from 'ui'
  2. import { CloneStatus } from '@/data/projects/clone-status-query'
  3. export const StatusBadge = ({
  4. status,
  5. }: {
  6. status: NonNullable<CloneStatus['clones']>[number]['status']
  7. }) => {
  8. const statusTextMap = {
  9. IN_PROGRESS: 'RESTORING',
  10. COMPLETED: 'COMPLETED',
  11. REMOVED: 'REMOVED',
  12. FAILED: 'FAILED',
  13. }
  14. if (status === 'IN_PROGRESS') {
  15. return <Badge variant="warning">{statusTextMap[status]}</Badge>
  16. }
  17. if (status === 'FAILED') {
  18. return <Badge variant="destructive">{statusTextMap[status]}</Badge>
  19. }
  20. return <Badge>{statusTextMap[status]}</Badge>
  21. }