testing

src/screens/management/Payments.tsx

@@ -7,7 +7,7 @@ import AppView from '../../components/AppView';
 import { apiCall } from '../../utils/ApiHelper';
 
 // --- CONSTANTS ---
-const API_BASE_URL = 'https://exotic-humpback-mistakenly.ngrok-free.app/api/payments';
+const API_BASE_URL = 'http://192.168.1.9:9060/api/payments';
 
 // --- TYPE DEFINITIONS ---
 interface ApiResponse<T> {
@@ -54,6 +54,21 @@ const Payments: React.FC = () => {
     const [isModalVisible, setModalVisible] = useState(false);
     const [currentParticipant, setCurrentParticipant] = useState<Participant | null>(null);
     const [waiverAmount, setWaiverAmount] = useState('');
+    const [cycleData, setCycleData] = useState<any>();
+
+    const getCycleData = async () => {
+        try {
+        
+            const response = await apiCall(`${API_BASE_URL}/groups/${groupId}/cycle-dashboard`, 'GET') as ApiResponse<any>;    
+            if (response && response.statusCode === 200) {
+                setCycleData(response.data);
+            } else {
+                Alert.alert("Error", response?.message || "Failed to fetch cycle data.");
+            }
+        } catch (error: any) {
+            Alert.alert("Error", error.message || "An unexpected error occurred.");
+        }
+    };
 
     const fetchPaymentDetails = useCallback(async () => {
         if (!refreshing) setLoading(true);
@@ -73,11 +88,13 @@ const Payments: React.FC = () => {
     }, [groupId, refreshing]);
 
     useEffect(() => {
+        getCycleData();
         fetchPaymentDetails();
     }, [fetchPaymentDetails]);
 
     const onRefresh = useCallback(() => {
         setRefreshing(true);
+        getCycleData();
         fetchPaymentDetails();
     }, [fetchPaymentDetails]);