andp97/asm-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Move components inside folders

Browse Source 
Signed-off-by: Andrea Pavone <info@andreapavone.com>
This commit is contained in:
Andrea Pavone
2024-11-10 19:06:42 +01:00
parent 0e18b53f91
commit eb0b894e1c
28 changed files with 1383 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
resources/js/Components/Dashboard/Overview/OverviewVulnerabilityScoreCard.tsx Normal file
View File

@ -0,0 +1,35 @@
import {SecuritySummaryReportResultType} from "@/types/security-summary";
import {Card, CardContent, CardDescription, CardHeader, CardTitle} from "@/Components/ui/card";
import {ShieldAlert} from "lucide-react";
import {Progress} from "@/Components/ui/progress";
import React from "react";
export default function OverviewVulnerabilityScoreCard({ reportData }: { reportData: SecuritySummaryReportResultType }) {
return (
<Card>
<CardHeader>
<CardTitle className="flex items-center gap-2">
<ShieldAlert className="w-5 h-5"/>
Vulnerability Score
</CardTitle>
<CardDescription>Active and passive vulnerability scores</CardDescription>
</CardHeader>
<CardContent>
<div className="space-y-2">
<div>
<div className="text-xs text-muted-foreground">Active Score</div>
<Progress value={reportData.vulnerability_score_active} className="mt-1"/>
<div className="text-sm font-medium">{reportData.vulnerability_score_active}%
</div>
</div>
<div>
<div className="text-xs text-muted-foreground">Passive Score</div>
<Progress value={reportData.vulnerability_score_passive} className="mt-1"/>
<div className="text-sm font-medium">{reportData.vulnerability_score_passive}%
</div>
</div>
</div>
</CardContent>
</Card>
)
}