@@ -18,6 +18,7 @@ export const EmployeeTasks = ({
1818 trainingVideos,
1919 host,
2020 fleetPolicies,
21+ isFleetEnabled,
2122} : {
2223 employee : Member & {
2324 user : User ;
@@ -28,6 +29,7 @@ export const EmployeeTasks = ({
2829 } ) [ ] ;
2930 host : Host ;
3031 fleetPolicies : FleetPolicy [ ] ;
32+ isFleetEnabled : boolean ;
3133} ) => {
3234 return (
3335 < Card >
@@ -46,7 +48,7 @@ export const EmployeeTasks = ({
4648 < TabsList className = "mb-4" >
4749 < TabsTrigger value = "policies" > Policies</ TabsTrigger >
4850 < TabsTrigger value = "training" > Training Videos</ TabsTrigger >
49- < TabsTrigger value = "device" > Device</ TabsTrigger >
51+ { isFleetEnabled && < TabsTrigger value = "device" > Device</ TabsTrigger > }
5052 </ TabsList >
5153
5254 < TabsContent value = "policies" >
@@ -120,39 +122,47 @@ export const EmployeeTasks = ({
120122 </ div >
121123 </ TabsContent >
122124
123- < TabsContent value = "device" >
124- < Card >
125- < CardHeader >
126- < CardTitle > { host . computer_name } 's Policies</ CardTitle >
127- </ CardHeader >
128- < CardContent className = "space-y-3" >
129- { fleetPolicies . map ( ( policy ) => (
130- < div
131- key = { policy . id }
132- className = { cn (
133- "hover:bg-muted/50 flex items-center justify-between rounded-md border border-l-4 p-3 shadow-sm transition-colors" ,
134- policy . response === "pass"
135- ? "border-l-green-500"
136- : "border-l-red-500" ,
137- ) }
138- >
139- < p className = "font-medium" > { policy . name } </ p >
140- { policy . response === "pass" ? (
141- < div className = "flex items-center gap-1 text-green-600" >
142- < CheckCircle2 size = { 16 } />
143- < span > Pass</ span >
144- </ div >
145- ) : (
146- < div className = "flex items-center gap-1 text-red-600" >
147- < XCircle size = { 16 } />
148- < span > Fail</ span >
125+ { isFleetEnabled && (
126+ < TabsContent value = "device" >
127+ { host ? (
128+ < Card >
129+ < CardHeader >
130+ < CardTitle > { host . computer_name } 's Policies</ CardTitle >
131+ </ CardHeader >
132+ < CardContent className = "space-y-3" >
133+ { fleetPolicies . map ( ( policy ) => (
134+ < div
135+ key = { policy . id }
136+ className = { cn (
137+ "hover:bg-muted/50 flex items-center justify-between rounded-md border border-l-4 p-3 shadow-sm transition-colors" ,
138+ policy . response === "pass"
139+ ? "border-l-green-500"
140+ : "border-l-red-500" ,
141+ ) }
142+ >
143+ < p className = "font-medium" > { policy . name } </ p >
144+ { policy . response === "pass" ? (
145+ < div className = "flex items-center gap-1 text-green-600" >
146+ < CheckCircle2 size = { 16 } />
147+ < span > Pass</ span >
148+ </ div >
149+ ) : (
150+ < div className = "flex items-center gap-1 text-red-600" >
151+ < XCircle size = { 16 } />
152+ < span > Fail</ span >
153+ </ div >
154+ ) }
149155 </ div >
150- ) }
151- </ div >
152- ) ) }
153- </ CardContent >
154- </ Card >
155- </ TabsContent >
156+ ) ) }
157+ </ CardContent >
158+ </ Card >
159+ ) : (
160+ < div className = "text-muted-foreground py-6 text-center" >
161+ < p > No device found.</ p >
162+ </ div >
163+ ) }
164+ </ TabsContent >
165+ ) }
156166 </ Tabs >
157167 </ CardContent >
158168 </ Card >
0 commit comments