diff --git a/src/components/JoinedGroupCard.tsx b/src/components/JoinedGroupCard.tsx index ba68137..08383b0 100644 --- a/src/components/JoinedGroupCard.tsx +++ b/src/components/JoinedGroupCard.tsx @@ -2,42 +2,207 @@ import React, { FC } from 'react'; import { View, Text, StyleSheet } from 'react-native'; -import { JoinedGroup } from '../types'; + +// Update the type to match the full data structure +interface JoinedGroup { + id: string; + groupName: string; + description: string; + visibility: 'PUBLIC' | 'PRIVATE'; + createdByUserId: number; + createdByName: string; // Renamed from createdBy for clarity + startDate: [number, number, number] | null; + endDate: [number, number, number] | null; + minParticipants: number; + maxParticipants: number; + currentParticipants: number; + contributionAmount: number; + cycleType: 'MONTHLY' | 'WEEKLY' | 'QUARTERLY' | 'CUSTOM'; + status: 'ACTIVE' | 'PENDING' | 'COMPLETED'; +} interface JoinedGroupCardProps { item: JoinedGroup; } -export const JoinedGroupCard: FC = ({ item }) => ( - - - {item.groupName} - Created by {item.createdBy} +// Helper function to format dates +const formatDate = (dateArray: [number, number, number] | null): string => { + if (!dateArray) return 'N/A'; + const date = new Date(dateArray[0], dateArray[1] - 1, dateArray[2]); + return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' }); +}; + +// Helper to determine status color +const getStatusStyle = (status: JoinedGroup['status']) => { + switch (status) { + case 'ACTIVE': + return { + backgroundColor: '#D1FAE5', // Green tint + textColor: '#065F46', // Dark Green + }; + case 'PENDING': + return { + backgroundColor: '#FEF3C7', // Yellow tint + textColor: '#92400E', // Dark Yellow/Brown + }; + case 'COMPLETED': + return { + backgroundColor: '#E5E7EB', // Gray tint + textColor: '#4B5563', // Dark Gray + }; + default: + return { + backgroundColor: '#E5E7EB', + textColor: '#4B5563', + }; + } +}; + +export const JoinedGroupCard: FC = ({ item }) => { + const progress = (item.currentParticipants / item.maxParticipants) * 100; + const statusStyle = getStatusStyle(item.status); + + return ( + + {/* Header */} + + {item.groupName} + + {item.status} + + + Created by {item.createdByName} + + {/* Financial Info */} + + + Contribution + ₹{item.contributionAmount.toLocaleString('en-IN')} + + + Cycle + {item.cycleType} + + + + {/* Participants Progress */} + + + Participants + {item.currentParticipants} / {item.maxParticipants} + + + + + + + {/* Dates */} + + + {formatDate(item.startDate)} - {formatDate(item.endDate)} + + - -); + ); +}; const styles = StyleSheet.create({ card: { - backgroundColor: '#fff', - borderRadius: 12, - padding: 16, - marginBottom: 12, + backgroundColor: '#FFFFFF', + borderRadius: 16, + padding: 20, + marginBottom: 16, + shadowColor: '#374151', + shadowOpacity: 0.08, + shadowRadius: 10, + shadowOffset: { width: 0, height: 4 }, + elevation: 3, + }, + header: { flexDirection: 'row', - alignItems: 'center', justifyContent: 'space-between', - elevation: 2, - shadowColor: '#000', - shadowOpacity: 0.05, - shadowRadius: 4, + alignItems: 'flex-start', + marginBottom: 4, }, - cardTitle: { - fontSize: 17, + groupName: { + fontSize: 20, fontWeight: 'bold', - color: '#343a40', + color: '#1F2937', + flexShrink: 1, }, - cardSubtitle: { + createdBy: { fontSize: 14, - color: '#6c757d', + color: '#6B7280', + marginBottom: 16, + }, + statusBadge: { + paddingHorizontal: 10, + paddingVertical: 5, + borderRadius: 12, + }, + statusText: { + fontSize: 12, + fontWeight: '600', + textTransform: 'uppercase', + }, + infoRow: { + flexDirection: 'row', + justifyContent: 'space-between', + paddingVertical: 16, + borderTopWidth: 1, + borderBottomWidth: 1, + borderColor: '#F3F4F6', + marginBottom: 16, + }, + infoItem: { + alignItems: 'flex-start', + }, + infoLabel: { + fontSize: 14, + color: '#6B7280', + marginBottom: 4, + }, + infoValue: { + fontSize: 16, + fontWeight: '600', + color: '#111827', + textTransform: 'capitalize', + }, + progressContainer: { + marginBottom: 16, + }, + progressLabels: { + flexDirection: 'row', + justifyContent: 'space-between', + marginBottom: 8, + }, + participantText: { + fontSize: 14, + color: '#6B7280', + }, + participantCount: { + fontSize: 14, + fontWeight: '600', + color: '#111827', + }, + progressBarBackground: { + height: 8, + backgroundColor: '#E5E7EB', + borderRadius: 4, + overflow: 'hidden', + }, + progressBarFill: { + height: '100%', + backgroundColor: '#4F46E5', + borderRadius: 4, + }, + footer: { + alignItems: 'center', + marginTop: 8, + }, + dateText: { + fontSize: 14, + color: '#4B5563', + fontWeight: '500', }, }); diff --git a/src/navigation/AppNavigator.tsx b/src/navigation/AppNavigator.tsx index 7390d57..7d05f0e 100644 --- a/src/navigation/AppNavigator.tsx +++ b/src/navigation/AppNavigator.tsx @@ -64,7 +64,7 @@ export default function AppNavigator() { - {/* */} + ); diff --git a/src/screens/management/EditGroupScreen.tsx b/src/screens/management/EditGroupScreen.tsx index b0964fe..1478ab9 100644 --- a/src/screens/management/EditGroupScreen.tsx +++ b/src/screens/management/EditGroupScreen.tsx @@ -13,6 +13,7 @@ import { import { RootStackParamList } from '../../navigation/AppNavigator'; // Adjust path import { apiCall } from '../../utils/ApiHelper'; // Adjust path import AppView from '../../components/AppView'; +import { Picker } from '@react-native-picker/picker'; // --- Type Definitions --- interface Participant { @@ -27,216 +28,284 @@ export interface GroupDetails { id: string; groupName: string; description: string; - startDate: [number, number, number]; + startDate: [number, number, number] | null; endDate: [number, number, number] | null; contributionAmount: number; minParticipants: number; maxParticipants: number; + portalCharge: number | null; latePaymentCharge: number | null; cycleType: 'QUARTERLY' | 'MONTHLY' | 'WEEKLY' | 'CUSTOM'; - status: 'PENDING' | 'ACTIVE' | 'COMPLETED'; + customCycleDays: number; + withdrawalMethod: 'RANDOM' | 'SEQUENTIAL'; + status: 'PENDING' | 'ACTIVE' | 'COMPLETED' | 'APPROVED'; visibility: 'PUBLIC' | 'PRIVATE'; + organizerId: string; totalParticipants: number; participants: Participant[]; } export interface EditGroupPayload { - groupName?: string; - description?: string; - maxParticipants?: number; + groupName: string; + description: string; + maxParticipants: number; + contributionAmount: number; + customCycleDays: number | null; + cycleType: 'QUARTERLY' | 'MONTHLY' | 'WEEKLY' | 'CUSTOM'; + latePaymentCharge: number; + visibility: 'PUBLIC' | 'PRIVATE'; } type EditGroupScreenProps = NativeStackScreenProps; -type EditingSection = 'details' | 'financials' | null; - -// --- Helper Components --- -const InfoRow: React.FC<{ label: string; value: string | number | null; isStatus?: boolean }> = ({ label, value, isStatus = false }) => ( - - {label} - - {value ?? 'N/A'} - - -); - -const ParticipantRow: React.FC<{ participant: Participant }> = ({ participant }) => ( - - - - {`${participant.firstName} ${participant.lastName || ''}`.trim()} - {participant.role === 'ORGANIZER' && ( - Organizer - )} - - {participant.mobile} - - -); - -const FormInput: React.FC<{ label: string; value: string; onChangeText: (text: string) => void; multiline?: boolean; keyboardType?: 'default' | 'numeric' }> = -({ label, value, onChangeText, multiline = false, keyboardType = 'default' }) => ( - - {label} - - -); +type EditingField = keyof EditGroupPayload | null; // --- Main Screen Component --- const EditGroupScreen: React.FC = ({ route }) => { - const { groupId } = route.params; + const { groupId } = route.params; - const [editingSection, setEditingSection] = useState(null); - const [groupDetails, setGroupDetails] = useState(null); - const [loading, setLoading] = useState(true); - const [saving, setSaving] = useState(false); - const [error, setError] = useState(null); + const [editingField, setEditingField] = useState(null); + const [groupDetails, setGroupDetails] = useState(null); + const [editableData, setEditableData] = useState({ + groupName: '', + description: '', + maxParticipants: 0, + contributionAmount: 0, + customCycleDays: null, + cycleType: 'MONTHLY', + latePaymentCharge: 0, + visibility: 'PRIVATE', + }); + + const [loading, setLoading] = useState(true); + const [saving, setSaving] = useState(false); + const [starting, setStarting] = useState(false); + const [error, setError] = useState(null); - const [groupName, setGroupName] = useState(''); - const [description, setDescription] = useState(''); - const [maxParticipants, setMaxParticipants] = useState(''); + const fetchGroupDetails = useCallback(async () => { + setLoading(true); + setError(null); + try { + const response = await apiCall(`https://api.godemo.in/FundCollect/api/fund/group/details?groupId=${groupId}`, 'GET') as { status: string; data?: GroupDetails; message?: string }; + if (response.status === 'success' && response.data) { + setGroupDetails(response.data); + setEditableData({ + groupName: response.data.groupName, + description: response.data.description, + maxParticipants: response.data.maxParticipants, + contributionAmount: response.data.contributionAmount, + customCycleDays: response.data.customCycleDays, + cycleType: response.data.cycleType, + latePaymentCharge: response.data.latePaymentCharge ?? 0, + visibility: response.data.visibility, + }); + } else { + throw new Error(response.message || 'Failed to fetch group data.'); + } + } catch (e: any) { + setError(e.message); + } finally { + setLoading(false); + } + }, [groupId]); - const fetchGroupDetails = useCallback(async () => { - setLoading(true); - setError(null); - try { - const response = await apiCall(`https://api.godemo.in/FundCollect/api/fund/group/details?groupId=${groupId}`, 'GET') as { status: string; data?: GroupDetails; message?: string }; - if (response.status === 'success' && response.data) { - setGroupDetails(response.data); - setGroupName(response.data.groupName); - setDescription(response.data.description); - setMaxParticipants(response.data.maxParticipants.toString()); - } else { - throw new Error(response.message || 'Failed to fetch group data.'); - } - } catch (e: any) { - setError(e.message); - } finally { - setLoading(false); + useEffect(() => { + fetchGroupDetails(); + }, [fetchGroupDetails]); + + const handleCancel = () => { + if (groupDetails) { + setEditableData({ + groupName: groupDetails.groupName, + description: groupDetails.description, + maxParticipants: groupDetails.maxParticipants, + contributionAmount: groupDetails.contributionAmount, + customCycleDays: groupDetails.customCycleDays, + cycleType: groupDetails.cycleType, + latePaymentCharge: groupDetails.latePaymentCharge ?? 0, + visibility: groupDetails.visibility, + }); + } + setEditingField(null); + }; + + const handleSave = async () => { + if (!groupDetails || !editingField) return; + + if (editingField === 'maxParticipants') { + const newMaxParticipants = Number(editableData.maxParticipants); + if (newMaxParticipants < groupDetails.totalParticipants) { + Alert.alert('Invalid Input', `Max participants cannot be less than the current count (${groupDetails.totalParticipants}).`); + return; } - }, [groupId]); - - useEffect(() => { - fetchGroupDetails(); - }, [fetchGroupDetails]); - - const handleCancel = () => { - if (groupDetails) { - setGroupName(groupDetails.groupName); - setDescription(groupDetails.description); - setMaxParticipants(groupDetails.maxParticipants.toString()); - } - setEditingSection(null); - }; - - const handleSave = async (section: EditingSection) => { - if (!groupDetails || !section) return; - - let payload: EditGroupPayload = {}; - if (section === 'details') { - payload = { groupName, description }; - } else if (section === 'financials') { - const newMaxParticipants = parseInt(maxParticipants, 10); - if (newMaxParticipants < groupDetails.totalParticipants) { - Alert.alert('Invalid Input', `Max participants cannot be less than the current count (${groupDetails.totalParticipants}).`); - return; - } - payload = { maxParticipants: newMaxParticipants }; - } - - setSaving(true); - try { - await apiCall(`https://api.godemo.in/FundCollect/api/fund/groups/${groupDetails.id}/edit`, 'PUT', payload); - Alert.alert('Success', 'Group has been updated.'); - setEditingSection(null); - await fetchGroupDetails(); - } catch (e: any) { - Alert.alert('Save Error', e.message || 'An unexpected error occurred.'); - } finally { - setSaving(false); - } - }; + } - const CardActionButtons: React.FC<{ section: EditingSection }> = ({ section }) => ( - - - Cancel - - handleSave(section)} disabled={saving}> - {saving ? : Save} - + setSaving(true); + try { + await apiCall(`https://api.godemo.in/FundCollect/api/fund/groups/${groupDetails.id}/edit`, 'PUT', editableData); + Alert.alert('Success', 'Group has been updated.'); + setEditingField(null); + await fetchGroupDetails(); + } catch (e: any) { + Alert.alert('Save Error', e.message || 'An unexpected error occurred.'); + } finally { + setSaving(false); + } + }; + + const handleStartGroup = async () => { + if (!groupDetails) return; + + Alert.alert( + "Confirm Start", + "Are you sure you want to start this group? This action cannot be undone.", + [ + { text: "Cancel", style: "cancel" }, + { + text: "Start", + onPress: async () => { + setStarting(true); + try { + await apiCall(`https://api.godemo.in/FundCollect/api/fund/group/start?groupId=${groupDetails.id}`, 'GET'); + Alert.alert('Success', 'Group has been started successfully.'); + await fetchGroupDetails(); + } catch (e: any) { + Alert.alert('Start Error', e.message || 'An unexpected error occurred.'); + } finally { + setStarting(false); + } + }, + style: 'destructive' + } + ] + ); + }; + + const handleUpdateField = (field: keyof EditGroupPayload, value: any) => { + setEditableData(prev => ({ ...prev, [field]: value })); + }; + + if (loading) return ; + if (error) return {error}; + if (!groupDetails) return null; + + const isEditable = groupDetails.status === 'PENDING' || groupDetails.status === 'APPROVED'; + const canStartGroup = groupDetails.status === 'APPROVED' && groupDetails.totalParticipants >= groupDetails.minParticipants; + + const renderInputField = (field: EditingField) => { + if (!field || !editableData) return null; + + const commonProps = { style: styles.input, placeholderTextColor: "#9CA3AF" }; + + switch(field) { + case 'groupName': + return handleUpdateField('groupName', text)} />; + case 'description': + return handleUpdateField('description', text)} multiline />; + case 'contributionAmount': + case 'maxParticipants': + case 'latePaymentCharge': + case 'customCycleDays': + return handleUpdateField(field, text ? Number(text.replace(/[^0-9]/g, '')) : 0)} keyboardType="numeric" />; + case 'cycleType': + return handleUpdateField('cycleType', itemValue)} style={styles.picker}> + {['MONTHLY', 'WEEKLY', 'QUARTERLY', 'CUSTOM'].map(c => )} + ; + case 'visibility': + return handleUpdateField('visibility', itemValue)} style={styles.picker}> + + + ; + default: return null; + } + } + + const renderRow = (field: EditingField, label: string, displayValue: string | number) => { + return ( + + + {label} + {editingField !== field && ( + + {displayValue} + {isEditable && setEditingField(field)} style={styles.editButton}> + ✎ + } + + )} + + {editingField === field && isEditable && ( + + {renderInputField(field)} + + + Cancel + + + {saving ? : Save} + + + + )} - ); + ) + } - if (loading) return ; - if (error) return {error}; - if (!groupDetails) return null; + return ( + + + Edit Group - const isEditable = groupDetails.status === 'PENDING'; + {canStartGroup && ( + + Ready to Start? + This group has met the minimum participant requirement. + + {starting ? : Start Group} + + + )} - return ( - - - Group Overview + + Group Info + {renderRow('groupName', 'Group Name', groupDetails.groupName)} + {renderRow('description', 'Description', groupDetails.description)} + - - - Group Details - {isEditable && editingSection !== 'details' && ( - setEditingSection('details')}>Edit - )} + + Financial Rules + {renderRow('contributionAmount', 'Contribution', `₹${groupDetails.contributionAmount.toLocaleString('en-IN')}`)} + {renderRow('maxParticipants', 'Max Participants', `${groupDetails.totalParticipants} / ${groupDetails.maxParticipants}`)} + {renderRow('latePaymentCharge', 'Late Fee', `₹${(groupDetails.latePaymentCharge ?? 0).toLocaleString('en-IN')}`)} + + + + Configuration + {renderRow('cycleType', 'Payment Cycle', groupDetails.cycleType)} + {(editableData.cycleType === 'CUSTOM' || groupDetails.cycleType === 'CUSTOM') && renderRow('customCycleDays', 'Custom Days', `${editableData.customCycleDays ?? groupDetails.customCycleDays} days`)} + {renderRow('visibility', 'Visibility', groupDetails.visibility)} + + + + Participants ({groupDetails.totalParticipants}) + {groupDetails.participants.length > 0 ? ( + groupDetails.participants.map(p => ( + + + + {`${p.firstName} ${p.lastName || ''}`.trim()} + {p.role === 'ORGANIZER' && Organizer} + + {p.mobile} + - {editingSection === 'details' ? ( - <> - - - - - ) : ( - <> - {groupDetails.groupName} - {groupDetails.description} - - )} - - - - - Financial Rules - {isEditable && editingSection !== 'financials' && ( - setEditingSection('financials')}>Edit - )} - - - {editingSection === 'financials' ? ( - <> - - - - ) : ( - - )} - - - - - - Participants ({groupDetails.totalParticipants}) - {groupDetails.participants.length > 0 ? ( - groupDetails.participants.map(p => ) - ) : ( - No participants have joined yet. - )} - - - - ); + )) + ) : ( + No participants yet. + )} + + + + ); }; const styles = StyleSheet.create({ @@ -247,33 +316,35 @@ const styles = StyleSheet.create({ headerTitle: { fontSize: 28, fontWeight: 'bold', color: '#111827', marginBottom: 20 }, card: { backgroundColor: '#FFFFFF', borderRadius: 16, padding: 20, marginBottom: 16, shadowColor: '#374151', shadowOpacity: 0.05, shadowRadius: 10 }, - cardHeader: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', borderBottomWidth: 1, borderBottomColor: '#E5E7EB', paddingBottom: 10, marginBottom: 16 }, - cardTitle: { fontSize: 18, fontWeight: 'bold', color: '#1F2937' }, - editButtonText: { color: '#4F46E5', fontSize: 15, fontWeight: '600' }, + cardTitle: { fontSize: 18, fontWeight: 'bold', color: '#1F2937', marginBottom: 12, borderBottomWidth: 1, borderBottomColor: '#E5E7EB', paddingBottom: 10 }, - groupNameView: { fontSize: 22, fontWeight: '700', color: '#1F2937', marginBottom: 8 }, - descriptionView: { fontSize: 16, color: '#6B7280', lineHeight: 24 }, + editButton: { padding: 8, marginLeft: 8 }, + editButtonText: { color: '#4F46E5', fontSize: 20, fontWeight: 'bold' }, - inputContainer: { marginBottom: 16 }, - inputLabel: { fontSize: 14, color: '#6B7280', marginBottom: 8, fontWeight: '500' }, - input: { backgroundColor: '#F9FAFB', borderWidth: 1, borderColor: '#D1D5DB', borderRadius: 10, padding: 14, fontSize: 16 }, - textArea: { height: 100, textAlignVertical: 'top' }, - - infoRow: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingVertical: 14, borderBottomWidth: 1, borderBottomColor: '#F3F4F6' }, + fieldContainer: { borderBottomWidth: 1, borderBottomColor: '#F3F4F6', paddingVertical: 12 }, + infoRow: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }, infoLabel: { fontSize: 16, color: '#6B7280' }, - infoValue: { fontSize: 16, fontWeight: '600', textTransform: 'capitalize' }, - - participantRow: { paddingVertical: 12, borderBottomWidth: 1, borderBottomColor: '#F3F4F6' }, + infoValue: { fontSize: 16, fontWeight: '600', color: '#111827', textTransform: 'capitalize' }, + valueContainer: { flexDirection: 'row', alignItems: 'center' }, + + editingContainer: { marginTop: 12 }, + input: { backgroundColor: '#F9FAFB', borderWidth: 1, borderColor: '#D1D5DB', borderRadius: 10, padding: 14, fontSize: 16, color: '#111827' }, + textArea: { height: 100, textAlignVertical: 'top' }, + picker: { backgroundColor: '#F9FAFB', borderWidth: 1, borderColor: '#D1D5DB', borderRadius: 10, padding: 0, margin:0 }, + + participantRow: { flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', paddingVertical: 12, borderBottomWidth: 1, borderBottomColor: '#F3F4F6' }, participantName: { fontSize: 16, fontWeight: '600', color: '#111827' }, participantMobile: { fontSize: 14, color: '#6B7280', marginTop: 4 }, organizerBadge: { backgroundColor: '#FEF3C7', paddingHorizontal: 8, paddingVertical: 3, borderRadius: 12, marginLeft: 10 }, organizerBadgeText: { color: '#92400E', fontSize: 12, fontWeight: '500' }, noParticipantsText: { fontSize: 15, color: '#6B7280', textAlign: 'center', paddingVertical: 20 }, - cardActions: { flexDirection: 'row', justifyContent: 'flex-end', marginTop: 20, borderTopWidth: 1, borderTopColor: '#E5E7EB', paddingTop: 16 }, - button: { borderRadius: 10, paddingVertical: 10, paddingHorizontal: 20, marginLeft: 10, minWidth: 80, alignItems: 'center' }, + cardActions: { flexDirection: 'row', justifyContent: 'flex-end', marginTop: 20, paddingTop: 16, borderTopWidth: 1, borderTopColor: '#E5E7EB' }, + button: { borderRadius: 10, paddingVertical: 12, paddingHorizontal: 20, marginLeft: 10, minWidth: 80, alignItems: 'center', justifyContent: 'center' }, saveButton: { backgroundColor: '#4F46E5' }, cancelButton: { backgroundColor: '#E5E7EB' }, + startButton: { backgroundColor: '#22c55e', marginTop: 10 }, + startGroupText: { fontSize: 15, color: '#6B7280', lineHeight: 22, marginBottom: 10}, buttonText: { color: '#FFFFFF', fontSize: 15, fontWeight: '600' }, }); diff --git a/src/screens/management/ManagementScreen.tsx b/src/screens/management/ManagementScreen.tsx index 17232f2..f3421ca 100644 --- a/src/screens/management/ManagementScreen.tsx +++ b/src/screens/management/ManagementScreen.tsx @@ -18,7 +18,7 @@ import { APPROVE_REQUEST_URL, BASE_URL, DECLINE_REQUEST_URL, GET_JOINED_GROUP_UR import colors from "../../components/colors"; import AppView from "../../components/AppView"; import { apiCall } from "../../utils/ApiHelper"; - +import * as Keychain from "react-native-keychain"; import { MyGroup, JoinedGroup, JoinRequest, ApiResponse } from '../../types'; import { MyGroupCard } from "../../components/MyGroupCard"; import { JoinedGroupCard } from "../../components/JoinedGroupCard"; @@ -38,14 +38,57 @@ const ManagementScreen: FC = () => { const [requests, setRequests] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); - const userRole = user.role; + const [userRole,setUserRole] = useState(null) + const userStatus = async () => { + try { + const credentials = await Keychain.getGenericPassword(); + if (!credentials) { + Alert.alert("Error", "You are not logged in"); + return; + } + const token = credentials.password; + + setLoading(true); + setError(null); + const response = await fetch(`${BASE_URL}user/profile/status`, { + method: "GET", + headers: { + Accept: "*/*", + Authorization: `Bearer ${token}`, + }, + }); + + const json = await response.json(); + + console.log("👤 Profile Status Response:", json.data.role); + if (json.status === "success") { + setUserRole(json.data.role); + + if (json.data.profileStatus === false) { + + } + } else { + setError(json.message || "Failed to fetch status"); + } + } catch (err) { + setError("Something went wrong. Please try again."); + } finally { + setLoading(false); + } + }; + + useFocusEffect( + useCallback(() => { + userStatus(); + }, []) + ); - console.log(" abin user : ", user) const fetchData = useCallback(async () => { if (loading) return; setLoading(true); setError(null); try { + console.log(" abin user : ", userRole) if (userRole === "ORGANIZER") { // Fetch all data concurrently const [myGroupsRes, joinedGroupsRes, requestsRes] = await Promise.all([