Carlos Florêncio
22 lines
598 B
TypeScript
22 lines
598 B
TypeScript
'use client';
|
|
|
|
import { IconCheck, IconLoader2, IconX } from '@tabler/icons-react';
|
|
import type { RequestStatus } from '@/lib/http/use-request';
|
|
|
|
type RequestIndicatorProps = {
|
|
status: RequestStatus;
|
|
};
|
|
|
|
export function RequestIndicator({ status }: RequestIndicatorProps) {
|
|
if (status === 'loading') {
|
|
return <IconLoader2 className="h-4 w-4 animate-spin text-muted-foreground" />;
|
|
}
|
|
if (status === 'success') {
|
|
return <IconCheck className="h-4 w-4 text-emerald-500" />;
|
|
}
|
|
if (status === 'error') {
|
|
return <IconX className="h-4 w-4 text-destructive" />;
|
|
}
|
|
return null;
|
|
}
|