created transaction list show and create a custom card

src/screens/home/user-home/GroupDetails.tsx

@@ -15,7 +15,7 @@ import colors from "../../../components/colors";
 import { Ionicons } from "@react-native-vector-icons/ionicons";
 import Header from "../../../components/common/Header";
 import { apiCall } from "../../../utils/ApiHelper";
-import { CONTRIBUTE, GROUP_ALL_MEMBER } from "../../../utils/ApiUrls";
+import { BASE_URL, CONTRIBUTE, GROUP_ALL_MEMBER } from "../../../utils/ApiUrls";
 import ContributionScreen from "../../ContributionScreen";
 
 // Define type for a member
@@ -108,10 +108,20 @@ const GroupDetails = () => {
 
     const confirmPayment = async () => {
         try {
+            const res = await apiCall(`${BASE_URL}payments/contribute/${group?.id}?amount=${group?.collected}`, 'POST') as any
+            console.log("payment response : ", res)
+            if (res.status) {
+                ToastAndroid.show('Payment done!', ToastAndroid.SHORT)
+            }
+            if (res.status === 400) {
+                ToastAndroid.show(res?.data?.message || 'Payment done!', ToastAndroid.SHORT)
 
+            }
         } catch (error) {
-
+            console.log("payment error : ", error)
         }
+
+
     }
     const renderMember = ({ item, index }: { item: any; index: number }) => (
         <View