fix: handled null value on backspace

implerhq · Jan 8, 2024 · 410117b · 410117b
1 parent 9b4a268
commit 410117b
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/apps/widget/src/components/widget/Phases/Phase3/Phase3.tsx b/apps/widget/src/components/widget/Phases/Phase3/Phase3.tsx
@@ -42,6 +42,7 @@ export function Phase3(props: IPhase3Props) {
     isDoReviewLoading,
     isReviewDataLoading,
     showAllDataValidModal,
+    isDeleteRecordLoading,
     isConfirmReviewLoading,
     setShowAllDataValidModal,
   } = usePhase3({ onNext: onNextClick });
@@ -66,7 +67,9 @@ export function Phase3(props: IPhase3Props) {
 
   return (
     <>
-      <LoadingOverlay visible={isReviewDataLoading || isDoReviewLoading || isConfirmReviewLoading} />
+      <LoadingOverlay
+        visible={isReviewDataLoading || isDoReviewLoading || isConfirmReviewLoading || isDeleteRecordLoading}
+      />
 
       <Stack ref={tableWrapperRef} style={{ flexGrow: 1 }} spacing="xs" align="flex-start">
         <SegmentedControl
@@ -84,7 +87,7 @@ export function Phase3(props: IPhase3Props) {
           onValueChange={(row, prop, oldVal, newVal) => {
             const name = String(prop).replace('record.', '');
             let formattedNewVal = newVal;
-            if (typeof newVal === null) formattedNewVal = '';
+            if (typeof newVal === 'object' || newVal === null) formattedNewVal = undefined;
 
             const currentData = [...reviewData];
             if (currentData && oldVal != formattedNewVal) {