few changes

2025-07-04 17:19:02 +05:00
parent c75dc93474
commit fbf201bcc1
9 changed files with 811 additions and 4 deletions
--- a/src/screens/Loan/CreateLoanRemainingOrderScreen.js
+++ b/src/screens/Loan/CreateLoanRemainingOrderScreen.js
@@ -0,0 +1,93 @@
+import React, { useState } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator, Alert, SafeAreaView } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useNavigation } from '@react-navigation/native';
+import apiService from '../../services/apiService';
+import { COLORS } from '../../constants/colors';
+import Input from '../../components/Input';
+import { StatusBar } from 'expo-status-bar';
+
+const CreateLoanRemainingOrderScreen = () => {
+  const navigation = useNavigation();
+  const [accountNumber, setAccountNumber] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async () => {
+    if (accountNumber.trim().length === 0) {
+      Alert.alert('Error', 'Account number is required');
+      return;
+    }
+    setLoading(true);
+    const res = await apiService.createLoanRemainingOrder(accountNumber.trim());
+    setLoading(false);
+    if (res.success) {
+      Alert.alert('Success', res.message || 'Order created successfully', [
+        { text: 'OK', onPress: () => navigation.goBack() },
+      ]);
+    } else {
+      Alert.alert('Error', res.error || 'Could not create order');
+    }
+  };
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <StatusBar style="dark" />
+      <TouchableOpacity style={styles.backBtn} onPress={() => navigation.goBack()}>
+        <Ionicons name="arrow-back" size={24} color={COLORS.textPrimary} />
+      </TouchableOpacity>
+
+      <Text style={styles.title}>Täze sargyt</Text>
+
+      <Input
+        label="Account number"
+        placeholder="1420..."
+        value={accountNumber}
+        onChangeText={setAccountNumber}
+        keyboardType="numeric"
+        autoCapitalize="none"
+        autoCorrect={false}
+        returnKeyType="done"
+      />
+
+      <TouchableOpacity style={styles.submitBtn} onPress={handleSubmit} disabled={loading}>
+        {loading ? (
+          <ActivityIndicator color={COLORS.white} />
+        ) : (
+          <Text style={styles.submitText}>Ýatda sakla</Text>
+        )}
+      </TouchableOpacity>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.backgroundSecondary,
+    paddingHorizontal: 24,
+    paddingTop: 40,
+  },
+  backBtn: {
+    marginBottom: 24,
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    color: COLORS.textPrimary,
+    marginBottom: 24,
+  },
+  submitBtn: {
+    marginTop: 32,
+    backgroundColor: COLORS.primary,
+    paddingVertical: 16,
+    borderRadius: 8,
+    alignItems: 'center',
+  },
+  submitText: {
+    color: COLORS.white,
+    fontSize: 16,
+    fontWeight: '600',
+  },
+});
+
+export default CreateLoanRemainingOrderScreen;