failed gif

src/Pages/PaymentFailed.jsx

@@ -1,11 +1,11 @@
 import React from "react";
 import { Box, Button, Heading, Image, Img, Text } from "@chakra-ui/react";
-import success from "../assets/successimg.gif";
+import failed from "../assets/failed.gif";
 
 const PaymentFailed = () => {
   return (
     <Box h={"100vh"} display={"flex"} alignItems={"center"} flexDirection={"column"} p={"15px"} justifyContent={"center"}>
-      <Img w={"180px"} src={success} />
+      <Img w={"180px"} src={failed} />
       <Heading fontSize={"20px"} fontWeight={600}>Payment Failed !!</Heading>
       <Text fontSize={"18px"}>Your payment was Failed</Text>
     </Box>

src/Services/investor.details.service.js

@@ -11,23 +11,20 @@ export const investorDetails = createApi({
   baseQuery: baseQuery,
   tagTypes: [],
   endpoints: (builder) => ({
-
     getInvestors: builder.query({
       query: ({ page, size }) =>
         `/investorDetails/admin?page=${page}&size=${size}`,
       providesTags: ["getInvestors"],
     }),
 
-
-        // =====[get investment details ]
-        getInvestorsDetailsById: builder.query({
-          query: (id) => `/investorDetails/admin/byId/${id}`,
-          providesTags: ["getInvestors"],
-        }),
-    
-    
+    // =====[get investment details ]
+    getInvestorsDetailsById: builder.query({
+      query: (id) => `/investorDetails/admin/byId/${id}`,
+      providesTags: ["getInvestors"],
+    }),
   }),
 });
 
 // Export hooks for usage in functional components
-export const { useGetInvestorsQuery, useGetInvestorsDetailsByIdQuery } = investorDetails;
+export const { useGetInvestorsQuery, useGetInvestorsDetailsByIdQuery } =
+  investorDetails;