From 2595a4ec2883090f9d9e13aca3da767b1f7e75c6 Mon Sep 17 00:00:00 2001 From: gearnode Date: Wed, 12 Feb 2025 18:01:35 -0800 Subject: [PATCH] Style Signed-off-by: gearnode --- .../src/pages/FrameworkOverviewPage.tsx | 47 ++++++++----------- 1 file changed, 20 insertions(+), 27 deletions(-) diff --git a/apps/console/src/pages/FrameworkOverviewPage.tsx b/apps/console/src/pages/FrameworkOverviewPage.tsx index 11c4dda82..ee5f16ec1 100644 --- a/apps/console/src/pages/FrameworkOverviewPage.tsx +++ b/apps/console/src/pages/FrameworkOverviewPage.tsx @@ -6,19 +6,7 @@ import { usePreloadedQuery, useQueryLoader, } from "react-relay"; -import { - Building2, - Computer, - Mail, - Shield, - Network, - Database, - FileText, - Share2, - AlertTriangle, - Users, - Clock, -} from "lucide-react"; +import { Shield, FileText, Clock } from "lucide-react"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Progress } from "@/components/ui/progress"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; @@ -58,21 +46,26 @@ function FrameworkOverviewPageContent({ const controls = framework.controls?.edges.map((edge) => edge?.node) ?? []; // Group controls by their category - const controlsByCategory = controls.reduce((acc, control) => { - if (!control?.category) return acc; - if (!acc[control.category]) { - acc[control.category] = []; - } - acc[control.category].push(control); - return acc; - }, {} as Record); + const controlsByCategory = controls.reduce( + (acc, control) => { + if (!control?.category) return acc; + if (!acc[control.category]) { + acc[control.category] = []; + } + acc[control.category].push(control); + return acc; + }, + {} as Record, + ); - const controlCards = Object.entries(controlsByCategory).map(([category, controls]) => ({ - title: category, - controls, - completed: controls.filter((c) => c?.state === "IMPLEMENTED").length, - total: controls.length, - })); + const controlCards = Object.entries(controlsByCategory).map( + ([category, controls]) => ({ + title: category, + controls, + completed: controls.filter((c) => c?.state === "IMPLEMENTED").length, + total: controls.length, + }), + ); const totalImplemented = controls.filter( (c) => c?.state === "IMPLEMENTED",