Fix retry payment not showing up after #15

src/components/RetryFailedPayment.tsx

@@ -2,18 +2,21 @@ import { useEffect } from "react";
 import { Banner, Icon, Link, Loader } from "@stellar/design-system";
 import { useQueryClient } from "@tanstack/react-query";
 import { usePaymentsRetry } from "apiQueries/usePaymentsRetry";
-import { PaymentDetailsStatusHistoryItem } from "types";
+import { PaymentStatus } from "types";
 
 interface RetryFailedPaymentProps {
   paymentId: string;
-  paymentStatus: PaymentDetailsStatusHistoryItem[];
+  paymentStatus: PaymentStatus;
 }
 
 export const RetryFailedPayment = ({
   paymentId,
   paymentStatus,
 }: RetryFailedPaymentProps) => {
-  const isFailed = paymentStatus.slice(-1)[0]?.status === "FAILED";
+  console.log("paymentStatus", paymentStatus);
+  const isFailed = paymentStatus === "FAILED";
+
+  console.log("isFailed", isFailed);
 
   const { isFetching, data, isError, isSuccess, error, refetch } =
     usePaymentsRetry([paymentId]);

src/pages/PaymentDetails.tsx

@@ -151,7 +151,7 @@ export const PaymentDetails = () => {
           <div className="DetailsSection">
             <RetryFailedPayment
               paymentId={formattedPayment.id}
-              paymentStatus={formattedPayment.statusHistory}
+              paymentStatus={formattedPayment.status}
             />
 
             <SectionHeader>

src/types/index.ts

@@ -317,7 +317,7 @@ export type PaymentDetails = {
   senderAddress?: string;
   totalAmount: string;
   assetCode: string;
-  status: string;
+  status: PaymentStatus;
   statusHistory: PaymentDetailsStatusHistoryItem[];
   externalPaymentId?: string;
 };