Files
prowler/ui/components/attack-paths/graph/graph-loading.tsx
T

22 lines
533 B
TypeScript

"use client";
import { Spinner } from "@/components/shadcn/spinner/spinner";
/**
* Loading skeleton for graph visualization
* Shows while graph data is being fetched and processed
*/
export const GraphLoading = () => {
return (
<div
data-testid="graph-loading"
className="flex min-h-[320px] flex-col items-center justify-center gap-4 text-center"
>
<Spinner className="size-6" />
<p className="text-muted-foreground text-sm">
Loading Attack Paths graph...
</p>
</div>
);
};