+>(({ className, ...props }, ref) => (
+ [role=checkbox]]:translate-y-[2px]",
+ className
+ )}
+ {...props}
+ />
+))
+TableCell.displayName = "TableCell"
+
+const TableCaption = React.forwardRef<
+ HTMLTableCaptionElement,
+ React.HTMLAttributes
+>(({ className, ...props }, ref) => (
+ (null);
const [reportData, setReportData] = useState(null);
- const [currentPage, setCurrentPage] = useState(0);
+ const [currentPage, setCurrentPage] = useState(page);
useEffect(() => {
axios.get('/api/v1/security/summary')
.then(response => {
setSecuritySummaryResponse(response.data);
- // Set initial report data
setReportData(response.data.results[0] ?? null);
})
.catch(error => {
@@ -41,7 +48,6 @@ export default function Dashboard() {
});
}, []);
- // Handle page changes
useEffect(() => {
if (securitySummaryResponse) {
setReportData(securitySummaryResponse.results[currentPage] ?? null);
@@ -62,9 +68,9 @@ export default function Dashboard() {
return (
-
+
-
+
Overview
Vulnerabilities
@@ -72,74 +78,17 @@ export default function Dashboard() {
Data Leaks
-
-
-
-
-
-
- Active and passive vulnerability scores
-
-
-
-
-
Active Score
-
-
{reportData.vulnerability_score_active}%
-
-
-
-
Passive Score
-
-
{reportData.vulnerability_score_passive}%
-
-
-
-
-
-
-
-
-
- Total assets and IP addresses
-
-
- {reportData.n_asset}
-
- IPv4: {reportData.unique_ipv4}
- IPv6: {reportData.unique_ipv6}
-
-
-
-
-
-
-
-
- Unresolved data leak incidents
-
-
- {reportData.n_dataleak.unresolved.potential_stealer}
-
- Including {reportData.n_dataleak.unresolved.domain_stealer} domain stealer
- and {reportData.n_dataleak.unresolved.other_stealer} other leaks
-
-
-
+
+
+
Overview
-
-
-
-
-
+
+
+
+
+
+
@@ -172,33 +121,66 @@ export default function Dashboard() {
-
-
-
+
-
- Page {currentPage + 1} of {securitySummaryResponse?.results.length}
-
+
+
+
Data Leaks Details
+
+
+
+
+
-
- Next
-
+
+
+
+
Data Leaks Details
+
+
+
+
+
+
+
+
+
+
Data Leaks Details
+
+
+
+
+
+
+
+
+ Page {currentPage + 1} of {securitySummaryResponse?.results.length}
+
+
+
+ Next
+
+
);
};
diff --git a/resources/js/Pages/Home.tsx b/resources/js/Pages/Home.tsx
new file mode 100644
index 0000000..188d592
--- /dev/null
+++ b/resources/js/Pages/Home.tsx
@@ -0,0 +1,85 @@
+import React, { useEffect, useState } from 'react';
+import axios from 'axios';
+import {
+ SecuritySummaryResponseType,
+} from '@/types/security-summary';
+import { TextSearchIcon } from 'lucide-react';
+import {
+ Table,
+ TableBody,
+ TableCaption,
+ TableCell,
+ TableFooter,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/Components/ui/table"
+import {Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle} from "@/Components/ui/card";
+
+export default function Home() {
+ const [securitySummaryResponse, setSecuritySummaryResponse] = useState
(null);
+
+ useEffect(() => {
+ axios.get('/api/v1/security/summary')
+ .then(response => {
+ setSecuritySummaryResponse(response.data);
+ })
+ .catch(error => {
+ console.error("Error fetching the report data", error);
+ });
+ }, []);
+
+
+ return (
+
+
+
+ Scan Reports
+ Pick a scan to see the dashboard, you can also navigate trough dashboard using prev and next arrow at the end of each report overview
+
+
+
+
+
+ Domain
+ UUID
+ Method
+ Score
+
+
+
+ {securitySummaryResponse?.results.map((data, index) => (
+
+
+ {data.domain_name}
+
+ {data.idsummary}
+ {data.creation_date}
+ {data.risk_score}
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+ Upload Password Leak
+
+
+ --todo
+
+
+
+