chore: twaks for scan page

app/(prowler)/scans/page.tsx

@@ -3,15 +3,10 @@ import { Suspense } from "react";
 
 import { getProviders } from "@/actions/providers";
 import { getScans } from "@/actions/scans";
-import {
-  FilterControls,
-  filterProviders,
-  filterScans,
-} from "@/components/filters";
+import { FilterControls, filterScans } from "@/components/filters";
 import { SkeletonTableScans } from "@/components/scans/table";
 import { ColumnProviderScans } from "@/components/scans/table/provider-scans";
 import { ColumnGetScans } from "@/components/scans/table/scans";
-import { ColumnGetScansSchedule } from "@/components/scans/table/schedule-scans";
 import { Header } from "@/components/ui";
 import { DataTable } from "@/components/ui/table";
 import { SearchParamsProps } from "@/types";
@@ -32,75 +27,26 @@ export default async function Scans({
       <Spacer y={8} />
 
       <div className="grid grid-cols-12 items-start gap-4">
-        <div className="col-span-12 lg:col-span-4">
-          <Suspense key={searchParamsKey} fallback={<SkeletonTableScans />}>
-            <SSRDataTableProviders />
-          </Suspense>
-        </div>
-        <div className="col-span-12 lg:col-span-6">
-          <Suspense key={searchParamsKey} fallback={<SkeletonTableScans />}>
-            <SSRDataTableScansSchedule searchParams={searchParams} />
-          </Suspense>
-        </div>
         <div className="col-span-12">
           <Suspense key={searchParamsKey} fallback={<SkeletonTableScans />}>
             <SSRDataTableScans searchParams={searchParams} />
           </Suspense>
         </div>
+        <div className="col-span-12 lg:col-span-4">
+          <Suspense key={searchParamsKey} fallback={<SkeletonTableScans />}>
+            <SSRDataTableProviders />
+          </Suspense>
+        </div>
       </div>
     </>
   );
 }
 
 const SSRDataTableProviders = async () => {
-  // const page = parseInt(searchParams.page?.toString() || "1", 10);
-  // const sort = searchParams.sort?.toString();
-
-  // Extract all filter parameters
-  // const filters = Object.fromEntries(
-  //   Object.entries(searchParams).filter(([key]) => key.startsWith("filter[")),
-  // );
-
-  // Extract query from filters
-  // const query = (filters["filter[search]"] as string) || "";
-
-  const providersData = await getProviders({ page: 1 });
-
+  const filters = { "filter[connected]": "true" };
+  const providersData = await getProviders({ page: 1, filters });
   return (
-    <DataTable
-      columns={ColumnProviderScans}
-      data={providersData?.data || []}
-      metadata={providersData?.meta}
-      customFilters={filterProviders}
-    />
-  );
-};
-
-const SSRDataTableScansSchedule = async ({
-  searchParams,
-}: {
-  searchParams: SearchParamsProps;
-}) => {
-  const page = parseInt(searchParams.page?.toString() || "1", 10);
-  const sort = searchParams.sort?.toString();
-
-  // Extract all filter parameters
-  const filters = Object.fromEntries(
-    Object.entries(searchParams).filter(([key]) => key.startsWith("filter[")),
-  );
-
-  // Extract query from filters
-  const query = (filters["filter[search]"] as string) || "";
-
-  const scansData = await getScans({ query, page, sort, filters });
-
-  return (
-    <DataTable
-      columns={ColumnGetScansSchedule}
-      data={scansData?.data || []}
-      metadata={scansData?.meta}
-      customFilters={filterScans}
-    />
+    <DataTable columns={ColumnProviderScans} data={providersData?.data || []} />
   );
 };
 

components/scans/table/schedule-scans/column-get-scans-schedule.tsx

@@ -1,83 +0,0 @@
-"use client";
-
-import { ColumnDef } from "@tanstack/react-table";
-
-import { PlusIcon } from "@/components/icons";
-import { DateWithTime, EntityInfoShort } from "@/components/ui/entities";
-import { TriggerSheet } from "@/components/ui/sheet";
-import { DataTableColumnHeader, StatusBadge } from "@/components/ui/table";
-import { ScanProps } from "@/types";
-
-import { DataTableRowActions } from "../scans/data-table-row-actions";
-import { DataTableRowDetails } from ".";
-
-const getScanData = (row: { original: ScanProps }) => {
-  return row.original;
-};
-
-export const ColumnGetScansSchedule: ColumnDef<ScanProps>[] = [
-  {
-    accessorKey: "name",
-    header: ({ column }) => (
-      <DataTableColumnHeader column={column} title={"Name"} param="name" />
-    ),
-    cell: ({ row }) => {
-      const {
-        attributes: { name },
-      } = getScanData(row);
-      return <EntityInfoShort entityAlias={name} entityId={row.original.id} />;
-    },
-  },
-
-  {
-    accessorKey: "status",
-    header: ({ column }) => (
-      <DataTableColumnHeader column={column} title={"Status"} param="state" />
-    ),
-    cell: ({ row }) => {
-      const {
-        attributes: { state },
-      } = getScanData(row);
-      return <StatusBadge status={state} />;
-    },
-  },
-  {
-    accessorKey: "scheduled_at",
-    header: ({ column }) => (
-      <DataTableColumnHeader
-        column={column}
-        title={"Scheduled at"}
-        param="scheduled_at"
-      />
-    ),
-    cell: ({ row }) => {
-      const {
-        attributes: { scheduled_at },
-      } = getScanData(row);
-      return <DateWithTime dateTime={scheduled_at} />;
-    },
-  },
-
-  {
-    id: "moreInfo",
-    header: "Details",
-    cell: ({ row }) => {
-      return (
-        <TriggerSheet
-          triggerComponent={<PlusIcon />}
-          title="Scan Details"
-          description="View the scan details"
-        >
-          <DataTableRowDetails entityId={row.original.id} />
-        </TriggerSheet>
-      );
-    },
-  },
-
-  {
-    id: "actions",
-    cell: ({ row }) => {
-      return <DataTableRowActions row={row} />;
-    },
-  },
-];

components/scans/table/schedule-scans/data-table-row-details.tsx

@@ -1,37 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-
-import { getScan } from "@/actions/scans";
-import { ScanDetail, SkeletonTableScans } from "@/components/scans/table";
-import { ScanProps } from "@/types";
-
-export const DataTableRowDetails = ({ entityId }: { entityId: string }) => {
-  const [scanDetails, setScanDetails] = useState<ScanProps | null>(null);
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchScanDetails = async () => {
-      try {
-        const result = await getScan(entityId);
-        setScanDetails(result?.data);
-      } catch (error) {
-        console.error("Error fetching scan details:", error);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    fetchScanDetails();
-  }, [entityId]);
-
-  if (isLoading) {
-    return <SkeletonTableScans />;
-  }
-
-  if (!scanDetails) {
-    return <div>No scan details available</div>;
-  }
-
-  return <ScanDetail scanDetails={scanDetails} />;
-};

components/scans/table/schedule-scans/index.ts

@@ -1,2 +0,0 @@
-export * from "./column-get-scans-schedule";
-export * from "./data-table-row-details";