updated tmp flow implemented

Author: Niferu

app/page.tsx

@@ -46,7 +46,7 @@ export default function Home() {
     control,
     formState: { errors, isValid },
   } = useForm<BridgeFormValues>({
-    defaultValues: { amount: '1000' },
+    defaultValues: { amount: '' },
     mode: 'onChange',
   })
 
@@ -79,6 +79,9 @@ export default function Home() {
     if (modalOpen && modalStep === 0 && isConnected) {
       setModalOpen(false)
       setModalStep(1)
+    } else if (isProcessingTransaction) {
+      setModalStep(2)
+      setModalOpen(true)
     }
   }, [isConnected, modalOpen, modalStep])
 

components/bridge-input/bridge-input.tsx

@@ -37,6 +37,7 @@ export const BridgeInput: React.FC<BridgeInputProps> = ({
           {...field}
           type="number"
           variant="standard"
+          placeholder="0"
           error={Boolean(errors.amount)}
           helperText={errors.amount?.message}
           slotProps={{

components/modals/main-modal/main-modal.tsx

@@ -88,7 +88,7 @@ export const MainModal: React.FC<MainModalProps> = ({
   return (
     <div
       className="fixed inset-0 z-50 flex items-center justify-center bg-black/50"
-      onClick={handleOutsideClick}
+      // onClick={handleOutsideClick}
     >
       <section
         ref={modalRef}

components/modals/wrap-modal/wrap-modal.tsx

@@ -88,7 +88,7 @@ export const WrapModal: React.FC<WrapModalProps> = ({
           <div className="py-[0.5px] w-full bg-gray-300 mt-2 mb-4"></div> */}
 
           {/* Section 1 */}
-          <ModalButton label="Done" onClick={closeModal} disabled={false} />
+          {/* <ModalButton label="Done" onClick={closeModal} disabled={false} /> */}
         </div>
       </div>
     </div>