Hide “Advance Payment” Mode When Creating Expense After Payment Processed (Mobile & Web)

src/components/PaymentRequest/ActionPaymentRequest.jsx

@@ -40,6 +40,8 @@ const ActionPaymentRequest = ({ requestId }) => {
     error: PaymentModeError,
   } = usePaymentMode();
 
+  console.log("Kartik", data)
+
   const IsReview = useHasUserPermission(REVIEW_EXPENSE);
   const [imageLoaded, setImageLoaded] = useState({});
 
@@ -180,6 +182,16 @@ const ActionPaymentRequest = ({ requestId }) => {
     const newFiles = files.filter((_, i) => i !== index);
     setValue("billAttachments", newFiles, { shouldValidate: true });
   };
+
+  const filteredPaymentModes = useMemo(() => {
+    return PaymentModes?.filter((mode) => {
+      if (mode.name === "Advance Payment" && data?.isAdvancePayment === false) {
+        return false;
+      }
+      return true;
+    }) || [];
+  }, [PaymentModes, data]);
+
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       {IsPaymentProcess && nextStatusWithPermission?.length > 0 && (
@@ -224,7 +236,7 @@ const ActionPaymentRequest = ({ requestId }) => {
                       {PaymentModeLoading ? (
                         <option disabled>Loading...</option>
                       ) : (
-                        PaymentModes?.map((payment) => (
+                        filteredPaymentModes?.map((payment) => (
                           <option key={payment.id} value={payment.id}>
                             {payment.name}
                           </option>