BranchBadge.tsx40 lines · main
1import { Badge } from 'ui'
2
3import type { Branch } from '@/data/branches/branches-query'
4
5interface BranchBadgeProps {
6 branch: Branch | undefined
7 isBranchingEnabled: boolean
8}
9
10export function BranchBadge({ branch, isBranchingEnabled }: BranchBadgeProps) {
11 if (!isBranchingEnabled) {
12 return (
13 <Badge variant="warning" className="mt-px">
14 Production
15 </Badge>
16 )
17 }
18
19 if (branch?.is_default) {
20 return (
21 <Badge variant="warning" className="mt-px">
22 Production
23 </Badge>
24 )
25 }
26
27 if (branch?.persistent) {
28 return (
29 <Badge variant="success" className="mt-px">
30 Persistent
31 </Badge>
32 )
33 }
34
35 return (
36 <Badge variant="success" className="mt-px">
37 Preview
38 </Badge>
39 )
40}