From da9429351f2b31bf7b4b212a22e4bfebd6d720d8 Mon Sep 17 00:00:00 2001
From: Pablo Lara <larabjj@gmail.com>
Date: Mon, 14 Oct 2024 17:28:22 +0200
Subject: [PATCH] chore: replace disable for isDisable prop

---
 app/(prowler)/scans/page.tsx                  | 24 ++++++++-----------
 components/auth/oss/auth-form.tsx             |  2 +-
 components/providers/forms/add-form.tsx       |  2 +-
 components/providers/forms/delete-form.tsx    |  2 +-
 components/providers/forms/edit-form.tsx      |  2 +-
 components/scans/forms/edit-scan-form.tsx     |  2 +-
 .../scans/forms/scan-on-demand-form.tsx       |  4 ++--
 components/scans/forms/schedule-form.tsx      |  3 ++-
 components/ui/custom/custom-button.tsx        |  9 +++----
 9 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/app/(prowler)/scans/page.tsx b/app/(prowler)/scans/page.tsx
index fc914afd65..d696bdc9a0 100644
--- a/app/(prowler)/scans/page.tsx
+++ b/app/(prowler)/scans/page.tsx
@@ -34,10 +34,10 @@ export default async function Scans({
       <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 searchParams={searchParams} />
+            <SSRDataTableProviders />
           </Suspense>
         </div>
-        <div className="col-span-12 lg:col-span-8">
+        <div className="col-span-12 lg:col-span-6">
           <Suspense key={searchParamsKey} fallback={<SkeletonTableScans />}>
             <SSRDataTableScansSchedule searchParams={searchParams} />
           </Suspense>
@@ -52,23 +52,19 @@ export default async function Scans({
   );
 }
 
-const SSRDataTableProviders = async ({
-  searchParams,
-}: {
-  searchParams: SearchParamsProps;
-}) => {
-  const page = parseInt(searchParams.page?.toString() || "1", 10);
-  const sort = searchParams.sort?.toString();
+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[")),
-  );
+  // const filters = Object.fromEntries(
+  //   Object.entries(searchParams).filter(([key]) => key.startsWith("filter[")),
+  // );
 
   // Extract query from filters
-  const query = (filters["filter[search]"] as string) || "";
+  // const query = (filters["filter[search]"] as string) || "";
 
-  const providersData = await getProviders({ query, page, sort, filters });
+  const providersData = await getProviders({ page: 1 });
 
   return (
     <DataTable
diff --git a/components/auth/oss/auth-form.tsx b/components/auth/oss/auth-form.tsx
index bb188bdf96..8c66f108a5 100644
--- a/components/auth/oss/auth-form.tsx
+++ b/components/auth/oss/auth-form.tsx
@@ -234,7 +234,7 @@ export const AuthForm = ({ type }: { type: string }) => {
                 size="md"
                 radius="md"
                 isLoading={isLoading}
-                disabled={isLoading}
+                isDisabled={isLoading}
               >
                 {isLoading ? (
                   <span>Loading</span>
diff --git a/components/providers/forms/add-form.tsx b/components/providers/forms/add-form.tsx
index c721a709c0..3529995cfa 100644
--- a/components/providers/forms/add-form.tsx
+++ b/components/providers/forms/add-form.tsx
@@ -103,7 +103,7 @@ export const AddForm = ({
             size="lg"
             radius="lg"
             onPress={() => setIsOpen(false)}
-            disabled={isLoading}
+            isDisabled={isLoading}
           >
             <span>Cancel</span>
           </CustomButton>
diff --git a/components/providers/forms/delete-form.tsx b/components/providers/forms/delete-form.tsx
index e08ac4ada5..2f80b3294b 100644
--- a/components/providers/forms/delete-form.tsx
+++ b/components/providers/forms/delete-form.tsx
@@ -63,7 +63,7 @@ export const DeleteForm = ({
             size="lg"
             radius="lg"
             onPress={() => setIsOpen(false)}
-            disabled={isLoading}
+            isDisabled={isLoading}
           >
             <span>Cancel</span>
           </CustomButton>
diff --git a/components/providers/forms/edit-form.tsx b/components/providers/forms/edit-form.tsx
index 7991cd9a5b..fba187a22f 100644
--- a/components/providers/forms/edit-form.tsx
+++ b/components/providers/forms/edit-form.tsx
@@ -95,7 +95,7 @@ export const EditForm = ({
             size="lg"
             radius="lg"
             onPress={() => setIsOpen(false)}
-            disabled={isLoading}
+            isDisabled={isLoading}
           >
             <span>Cancel</span>
           </CustomButton>
diff --git a/components/scans/forms/edit-scan-form.tsx b/components/scans/forms/edit-scan-form.tsx
index 54e3c17701..62c6e338b6 100644
--- a/components/scans/forms/edit-scan-form.tsx
+++ b/components/scans/forms/edit-scan-form.tsx
@@ -95,7 +95,7 @@ export const EditScanForm = ({
             size="lg"
             radius="lg"
             onPress={() => setIsOpen(false)}
-            disabled={isLoading}
+            isDisabled={isLoading}
           >
             <span>Cancel</span>
           </CustomButton>
diff --git a/components/scans/forms/scan-on-demand-form.tsx b/components/scans/forms/scan-on-demand-form.tsx
index 49ce39f235..a805e55ac5 100644
--- a/components/scans/forms/scan-on-demand-form.tsx
+++ b/components/scans/forms/scan-on-demand-form.tsx
@@ -102,14 +102,14 @@ export const ScanOnDemandForm = ({
             size="lg"
             radius="lg"
             onPress={() => setIsOpen(false)}
-            disabled={isLoading}
+            isDisabled={isLoading}
           >
             <span>Cancel</span>
           </CustomButton>
 
           <CustomButton
             type="submit"
-            ariaLabel="Save"
+            ariaLabel="Start scan now"
             className="w-full"
             variant="solid"
             color="action"
diff --git a/components/scans/forms/schedule-form.tsx b/components/scans/forms/schedule-form.tsx
index d990380891..30a8982856 100644
--- a/components/scans/forms/schedule-form.tsx
+++ b/components/scans/forms/schedule-form.tsx
@@ -88,7 +88,7 @@ export const ScheduleForm = ({
             size="lg"
             radius="lg"
             onPress={() => setIsOpen(false)}
-            disabled={isLoading}
+            isDisabled={isLoading}
           >
             <span>Cancel</span>
           </CustomButton>
@@ -102,6 +102,7 @@ export const ScheduleForm = ({
             size="lg"
             isLoading={isLoading}
             startContent={!isLoading && <SaveIcon size={24} />}
+            isDisabled={true}
           >
             {isLoading ? <>Loading</> : <span>Schedule</span>}
           </CustomButton>
diff --git a/components/ui/custom/custom-button.tsx b/components/ui/custom/custom-button.tsx
index f5e408173c..b2a6cf355a 100644
--- a/components/ui/custom/custom-button.tsx
+++ b/components/ui/custom/custom-button.tsx
@@ -46,7 +46,7 @@ interface CustomButtonProps {
   size?: "sm" | "md" | "lg";
   radius?: "none" | "sm" | "md" | "lg" | "full";
   dashed?: boolean;
-  disabled?: boolean;
+  isDisabled?: boolean;
   isLoading?: boolean;
   isIconOnly?: boolean;
   ref?: React.RefObject<HTMLButtonElement>;
@@ -70,7 +70,7 @@ export const CustomButton = React.forwardRef<
       endContent,
       size = "md",
       radius = "sm",
-      disabled = false,
+      isDisabled = false,
       isLoading = false,
       isIconOnly,
       ...props
@@ -92,8 +92,8 @@ export const CustomButton = React.forwardRef<
           [buttonClasses.action]: color === "action",
           [buttonClasses.dashed]: variant === "dashed",
           [buttonClasses.transparent]: color === "transparent",
-          [buttonClasses.disabled]: disabled,
-          [buttonClasses.hover]: color !== "transparent" && !disabled,
+          [buttonClasses.disabled]: isDisabled,
+          [buttonClasses.hover]: color !== "transparent" && !isDisabled,
         },
         className,
       )}
@@ -112,6 +112,7 @@ export const CustomButton = React.forwardRef<
         />
       }
       ref={ref}
+      isDisabled={isDisabled}
       isLoading={isLoading}
       isIconOnly={isIconOnly}
       {...props}