From 81b366674029b355a03c6cd4ee5bceb0482f19db Mon Sep 17 00:00:00 2001
From: Mayur Kaikadi <101282900+thisismayuresh@users.noreply.github.com>
Date: Fri, 3 Jan 2025 20:07:08 +0530
Subject: [PATCH] Added Disable Delete Button

---
 .../src/components/widget/Phases/Phase3/Phase3.tsx    | 11 ++++++++---
 apps/widget/src/hooks/Phase3/usePhase3.tsx            |  3 ++-
 packages/client/src/types.ts                          |  3 ++-
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/apps/widget/src/components/widget/Phases/Phase3/Phase3.tsx b/apps/widget/src/components/widget/Phases/Phase3/Phase3.tsx
index 4628988b..4d99d00c 100644
--- a/apps/widget/src/components/widget/Phases/Phase3/Phase3.tsx
+++ b/apps/widget/src/components/widget/Phases/Phase3/Phase3.tsx
@@ -61,7 +61,8 @@ export function Phase3(props: IPhase3Props) {
     isCompleteImportLoading,
     setShowAllDataValidModal,
     setShowDeleteConfirmModal,
-    disableFindAndReplace,
+    disableFindAndReplaceButton,
+    disableDeleteButton,
     disableCheckBox,
   } = usePhase3({ onNext: onNextClick });
   const tableWrapperRef = useRef<HTMLDivElement>() as React.MutableRefObject<HTMLDivElement>;
@@ -116,10 +117,12 @@ export function Phase3(props: IPhase3Props) {
             ]}
           />
           <Group spacing="xs">
-            {!disableFindAndReplace && (
+            {!disableFindAndReplaceButton && (
               <Button onClick={() => setShowFindReplaceModal(true)}>{texts.PHASE3.FIND_REPLACE}</Button>
             )}
-            <Button
+
+            {!disableDeleteButton && (
+              <Button
               color="red"
               disabled={!selectedRowsRef.current.size}
               onClick={() => setShowDeleteConfirmModal(true)}
@@ -129,6 +132,8 @@ export function Phase3(props: IPhase3Props) {
                 {numberFormatter(selectedRowsRef.current.size)}
               </Badge>
             </Button>
+            )}
+            
           </Group>
         </Flex>
         <Table
diff --git a/apps/widget/src/hooks/Phase3/usePhase3.tsx b/apps/widget/src/hooks/Phase3/usePhase3.tsx
index 96faadea..8381346a 100644
--- a/apps/widget/src/hooks/Phase3/usePhase3.tsx
+++ b/apps/widget/src/hooks/Phase3/usePhase3.tsx
@@ -304,7 +304,8 @@ export function usePhase3({ onNext }: IUsePhase3Props) {
     totalRecords: uploadInfo.totalRecords ?? undefined,
     invalidRecords: uploadInfo.invalidRecords ?? undefined,
     refetchReviewData: () => refetchReviewData([page, type]),
-    disableFindAndReplace: config?.disableFindAndReplace,
+    disableFindAndReplaceButton: config?.disableFindAndReplaceButton,
+    disableDeleteButton: config?.disableDeleteButton,
     disableCheckBox: config?.disableCheckBox,
   };
 }
diff --git a/packages/client/src/types.ts b/packages/client/src/types.ts
index 6ec2672f..f25760cd 100644
--- a/packages/client/src/types.ts
+++ b/packages/client/src/types.ts
@@ -181,7 +181,8 @@ export type DeepPartial<T> = T extends object
 export type ValueOf<T> = T[keyof T];
 
 export declare type WidgetConfig = {
-  disableFindAndReplace?: boolean;
+  disableFindAndReplaceButton?: boolean;
+  disableDeleteButton?: boolean;
   disableCheckBox?: boolean;
   disableSrNo?: boolean;
 };