colors

src/screens/management/EditGroupScreen.tsx

@@ -17,9 +17,10 @@ import AppView from '../../components/AppView';
 import { Picker } from '@react-native-picker/picker';
 import colors from '../../components/colors';
 import Clipboard from '@react-native-clipboard/clipboard';
-import { CompositeScreenProps } from '@react-navigation/native';
+import { CompositeScreenProps, useNavigation } from '@react-navigation/native';
 import { BottomTabScreenProps } from '@react-navigation/bottom-tabs';
 import { ManagementTabParamList } from './ManagementTabNavigation'; // Adjust path
+import { StackNavigationProp } from '@react-navigation/stack';
 
 
 // --- Type Definitions ---
@@ -79,11 +80,11 @@ type EditGroupScreenProps = CompositeScreenProps<
 
 type EditingCard = 'groupInfo' | 'financialRules' | 'configuration' | null;
 
-
+type GroupManagementNavProp = StackNavigationProp<RootStackParamList, 'EditGroup'>;
 // --- Main Screen Component ---
 const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
   const { groupId } = route.params;
-
+  const navigation = useNavigation<GroupManagementNavProp>();
 
   const [editingCard, setEditingCard] = useState<EditingCard>(null);
   const [groupDetails, setGroupDetails] = useState<GroupDetails | null>(null);
@@ -105,7 +106,8 @@ const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
   const [starting, setStarting] = useState(false);
   const [inviting, setInviting] = useState(false);
   const [error, setError] = useState<string | null>(null);
-
+  const [paymentStatus, setPaymentStatus] = useState<boolean | null>(null);
+  const [currentCycle, setCurrentCycle] = useState<number | null>(null);
 
   const initializeEditableData = (data: GroupDetails) => {
     setEditableData({
@@ -141,10 +143,19 @@ const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
       setLoading(false);
     }
   }, [groupId]);
+const getPaymentStatus = async()=>{
+  const response = await apiCall(`https://exotic-humpback-mistakenly.ngrok-free.app/api/payments/group/${groupId}/payment/paid`, 'GET') as { status: string; data?: { currentCycle: number ,status: boolean }; message?: string };
+  console.log("paymentStatus",response)
+  if (response.status === 'success') {
+    setPaymentStatus(response.data?.status || false);
+    setCurrentCycle(response.data?.currentCycle || null);
+  }
+}
 
 
   useEffect(() => {
     fetchGroupDetails();
+    getPaymentStatus();
   }, [fetchGroupDetails]);
 
 
@@ -177,7 +188,9 @@ const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
       setSaving(false);
     }
   };
-
+  const handleDistribute = async () => {
+  navigation.navigate('RandomSelectUserScreen', { groupId: groupDetails?.id || '', cycleNumber: currentCycle || 0 });
+  };
 
   const handleStartGroup = async () => {
     if (!groupDetails) return;
@@ -322,7 +335,6 @@ const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
     );
   }
 
-
   if (loading) return <View style={styles.centered}><ActivityIndicator size="large" color="#4F46E5" /></View>;
   if (error) return <View style={styles.centered}><Text style={styles.errorText}>{error}</Text></View>;
   if (!groupDetails) return null;
@@ -332,7 +344,6 @@ const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
   const isInvitable = groupDetails.status === 'APPROVED';
   const canStartGroup = groupDetails.status === 'APPROVED' && groupDetails.totalParticipants >= groupDetails.minParticipants;
 
-
   return (
     <AppView style={{ flex: 1, paddingHorizontal: 0 }}>
       <View style={styles.headerContainer}>
@@ -414,6 +425,21 @@ const EditGroupScreen: React.FC<EditGroupScreenProps> = ({ route }) => {
           </TouchableOpacity>
         </View>
       )}
+    {paymentStatus && (
+        <View style={styles.floatingButtonContainer}>
+          <TouchableOpacity
+            style={styles.activateButton}
+            onPress={handleDistribute}
+            disabled={starting}
+          >
+            {starting ? (
+              <ActivityIndicator color="#FFFFFF" size="small" />
+            ) : (
+              <Text style={styles.activateButtonText}>Distribute</Text>
+            )}
+          </TouchableOpacity>
+        </View>
+      )}
     </AppView>
   );
 };