fix(project): not showing updated payment details

src/containers/AdyenPaymentDetails/AdyenPaymentDetails.tsx

@@ -37,6 +37,7 @@ export default function AdyenPaymentDetails({ setProcessing, type, setPaymentErr
       setProcessing(true);
 
       await finalizeAdyenPaymentDetails({ redirectResult: decodeURI(redirectResult) }, paymentMethodId);
+      await reloadActiveSubscription({ delay: 2000 });
 
       setProcessing(false);
       navigate(replaceQueryParam(location, 'u', 'payment-method-success'));
@@ -91,7 +92,6 @@ export default function AdyenPaymentDetails({ setProcessing, type, setPaymentErr
 
         if ('action' in result) {
           handleAction(result.action);
-          return;
         }
 
         await reloadActiveSubscription({ delay: 2000 });

src/containers/UpdatePaymentMethod/UpdatePaymentMethod.tsx

@@ -1,5 +1,4 @@
 import React, { useEffect, useState } from 'react';
-import { useLocation } from 'react-router';
 
 import { useCheckoutStore } from '#src/stores/CheckoutStore';
 import { getPaymentMethods, updatePayPalPaymentMethod } from '#src/stores/CheckoutController';
@@ -10,7 +9,6 @@ import PaymentMethodForm from '#components/PaymentMethodForm/PaymentMethodForm';
 import useQueryParam from '#src/hooks/useQueryParam';
 import { useAccountStore } from '#src/stores/AccountStore';
 import PayPal from '#components/PayPal/PayPal';
-import { addQueryParam } from '#src/utils/location';
 
 type Props = {
   onCloseButtonClick: () => void;
@@ -21,7 +19,6 @@ const UpdatePaymentMethod = ({ onCloseButtonClick }: Props) => {
   const paymentMethodIdQueryParam = useQueryParam('paymentMethodId');
   const parsedPaymentMethodId = paymentMethodIdQueryParam ? parseInt(paymentMethodIdQueryParam) : undefined;
 
-  const location = useLocation();
   const activePayment = useAccountStore((state) => state.activePayment);
   const currentPaymentId = activePayment?.id;
   const [paymentError, setPaymentError] = useState<string | undefined>(undefined);
@@ -69,12 +66,9 @@ const UpdatePaymentMethod = ({ onCloseButtonClick }: Props) => {
     const paymentMethod = paymentMethods?.find((method) => method.id === paymentMethodId);
 
     if (paymentMethod?.methodName === 'card') {
-      const paymentSuccessUrl = addQueryParam(location, 'u', 'payment-method-success');
-
       return (
         <AdyenPaymentDetails
           paymentMethodId={paymentMethod.id}
-          paymentSuccessUrl={paymentSuccessUrl}
           setPaymentError={setPaymentError}
           setProcessing={setProcessing}
           error={paymentError}