CircleCollect/circle-collect
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some bug fixed

Browse Source
This commit is contained in:
Jaanu423
2025-11-25 16:02:16 +05:30
parent 0957236098
commit e03a695734
10 changed files with 248 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JoinedGroupCard.tsx
+25 -8
View File
@@ -29,12 +29,15 @@ interface JoinedGroupCardProps {
hasPaid?: boolean; // whether user has already paid hasPaid?: boolean; // whether user has already paid
} }
const formatDate = (dateArray: [number, number, number] | null): string => { const formatDate = (dateStr: string | null): string => {
if (!dateArray) return 'N/A'; if (!dateStr) 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' }); const [year, month, day] = dateStr.split('-');
return `${day}-${month}-${year}`;
}; };
const getStatusStyle = (status: JoinedGroup['status']) => { const getStatusStyle = (status: JoinedGroup['status']) => {
switch (status) { switch (status) {
case 'ACTIVE': case 'ACTIVE':
@@ -67,6 +70,9 @@ export const JoinedGroupCard: FC<JoinedGroupCardProps> = ({ item, onViewPress, h
const [loading, setLoading] = React.useState(false); const [loading, setLoading] = React.useState(false);
const [payable, setPayable] = React.useState<any>(); const [payable, setPayable] = React.useState<any>();
const onPayPress = async () => { const onPayPress = async () => {
// Navigate to payment screen or handle payment logic // Navigate to payment screen or handle payment logic
// navigation.navigate('PaymentScreen', { groupId: item.id, amount: item.contributionAmount }); // navigation.navigate('PaymentScreen', { groupId: item.id, amount: item.contributionAmount });
@@ -126,18 +132,29 @@ export const JoinedGroupCard: FC<JoinedGroupCardProps> = ({ item, onViewPress, h
{/* Footer with Dates & Buttons */} {/* Footer with Dates & Buttons */}
<View style={styles.footer}> <View style={styles.footer}>
<Text style={styles.dateText}> <Text style={styles.dateText}>
{formatDate(item.startDate)} - {formatDate(item.endDate)} {formatDate(item.startDate)} to {formatDate(item.endDate)}
</Text> </Text>
{/* Add Pay / Paid button here */} {/* Add Pay / Paid button here */}
{hasPaid ? ( {/* {hasPaid ? (
<View style={styles.paidButton}> <View style={styles.paidButton}>
<Text style={styles.paidButtonText}>Paid</Text> <Text style={styles.paidButtonText}>Paid</Text>
</View> </View>
) : ( ) : (
<TouchableOpacity style={styles.payButton} onPress={onPayPress}> <TouchableOpacity style={styles.payButton} onPress={onPayPress}>
<Text style={styles.payButtonText}>{loading ? 'Loading...' : 'Pay'}</Text> <Text style={styles.payButtonText}>{loading ? 'Loading...' : ' Pay'}</Text>
</TouchableOpacity> </TouchableOpacity>
)} )} */}
{
hasPaid && <View style={styles.paidButton}>
<Text style={styles.paidButtonText}>Paid</Text>
</View>
}
{
item.status !== 'COMPLETED' && <TouchableOpacity style={styles.payButton} onPress={onPayPress}>
<Text style={styles.payButtonText}>{loading ? 'Loading...' : ' Pay'}</Text>
</TouchableOpacity>
}
</View> </View>
</TouchableOpacity> </TouchableOpacity>
); );
src/components/common/Header.tsx
+5 -4
View File
@@ -49,14 +49,15 @@ export default Header;
const styles = StyleSheet.create({ const styles = StyleSheet.create({
header: { header: {
flexDirection: "row", flexDirection: "row",
alignItems: "center", // alignItems: "center",
justifyContent: "space-between", // justifyContent: "space-between",
paddingVertical: 12, paddingVertical: 12,
paddingHorizontal:12 paddingHorizontal:12
}, },
headerTitle: { headerTitle: {
fontSize: 18, fontSize: 22,
fontWeight: "600", fontWeight: "600",
textTransform: "capitalize", // textTransform: "capitalize",
}, },
}); });
src/screens/home/UserProfileStatus.tsx
+31 -25
View File
@@ -69,6 +69,7 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
const [selectedGroupIds, setSelectedGroupIds] = useState<string[]>([]); const [selectedGroupIds, setSelectedGroupIds] = useState<string[]>([]);
const [submitting, setSubmitting] = useState(false); const [submitting, setSubmitting] = useState(false);
// console.log("user me : ", userDashboard)
// Preselect all due groups at mount and on change // Preselect all due groups at mount and on change
useEffect(() => { useEffect(() => {
if (userDashboard?.dueGroupDetails) { if (userDashboard?.dueGroupDetails) {
@@ -77,6 +78,8 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
}, [userDashboard?.dueGroupDetails]); }, [userDashboard?.dueGroupDetails]);
// Show profile completion modal only if profile is incomplete // Show profile completion modal only if profile is incomplete
console.log("userDashboard : ", userDashboard)
useEffect(() => { useEffect(() => {
if (statusData && !statusData.profileStatus) setShowModal(true); if (statusData && !statusData.profileStatus) setShowModal(true);
}, [statusData]); }, [statusData]);
@@ -84,15 +87,16 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
// Top grid info items // Top grid info items
const infoItems = useMemo( const infoItems = useMemo(
() => [ () => [
{ label: "Role", value: statusData?.role || "-" }, { icon: <Ionicons name="person-outline" size={20} color={colors.primary} />, label: "Role", value: statusData?.role || "-" },
{ label: "Active Groups", value: userDashboard?.activeStatusMyGroupCount?.toString() || "0" }, { icon: <Ionicons name="pie-chart-outline" size={20} color={colors.primary} />, label: "Active Groups", value: userDashboard?.activeStatusMyGroupCount?.toString() || "0" },
{ label: "Joined Groups", value: userDashboard?.myJoinedGroups?.length?.toString() || "0" }, { icon: <Ionicons name="book-outline" size={20} color={colors.primary} />, label: "Joined Groups", value: userDashboard?.myJoinedGroups?.length?.toString() || "0" },
{ label: "My Groups", value: userDashboard?.myCreatedGroups?.length?.toString() || "0" }, { icon: <Ionicons name="people-outline" size={20} color={colors.primary} />, label: "My Groups", value: userDashboard?.myCreatedGroups?.length?.toString() || "0" },
{ label: "Total Due", value: `₹${userDashboard?.multiplePayAmount || 0}` }, { icon: <Ionicons name="document-text-outline" size={20} color={colors.primary} />, label: "Total Due", value: `₹${userDashboard?.multiplePayAmount || 0}` },
{ label: "Completed", value: userDashboard?.completeStatusMyGroupCount?.toString() || "0" }, { icon: <Ionicons name="checkmark-done-outline" size={20} color={colors.primary} />, label: "Completed", value: userDashboard?.completeStatusMyGroupCount?.toString() || "0" },
], ],
[userDashboard, statusData] [userDashboard, statusData]
); );
// Utility for info color // Utility for info color
const getValueColor = (value: string) => { const getValueColor = (value: string) => {
@@ -127,18 +131,9 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
} }
setSubmitting(true); setSubmitting(true);
try { try {
const response = await apiCall(PAY_ALL_URL, 'POST',{ groupIds: selectedGroupIds }, undefined, "Payment failed. Try again.") as any; const response = await apiCall(PAY_ALL_URL, 'POST', { groupIds: selectedGroupIds }, undefined, "Payment failed. Try again.") as any;
console.log("-=-=-=-=-=-=-=-=-=-=-=",response) console.log("-=-=-=-=-=-=-=-=-=-=-=", response)
// const response = await fetch(
// "https://api.godemo.in/FundCollect/api/payments/payments/bulk",
// {
// method: "POST",
// headers: { "Content-Type": "application/json" },
// body: JSON.stringify({ groupIds: selectedGroupIds, payAllDue: true }),
// }
// );
if (response.status) { if (response.status) {
ToastAndroid.show("Payment initiated!", ToastAndroid.LONG); ToastAndroid.show("Payment initiated!", ToastAndroid.LONG);
setShowPayDialog(false); setShowPayDialog(false);
@@ -261,7 +256,6 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
</Text> </Text>
</View> </View>
</View> </View>
<View style={styles.contentSection}> <View style={styles.contentSection}>
<View style={styles.leftSection}> <View style={styles.leftSection}>
<View style={styles.infoGrid}> <View style={styles.infoGrid}>
@@ -269,7 +263,7 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
<View key={item.label} style={styles.infoCard}> <View key={item.label} style={styles.infoCard}>
<View style={styles.infoCardHeader}> <View style={styles.infoCardHeader}>
<View style={styles.iconContainer}> <View style={styles.iconContainer}>
<Ionicons name="information-circle-outline" size={16} color={colors.primary} /> {item.icon}
</View> </View>
<Text style={styles.infoLabel} > <Text style={styles.infoLabel} >
{item.label} {item.label}
@@ -289,16 +283,18 @@ const UserProfileStatus: React.FC<UserProfileStatusProps> = ({
activeOpacity={0.8} activeOpacity={0.8}
> >
<View style={styles.profileContainer}> <View style={styles.profileContainer}>
{profileImage ? ( {profileImage !== undefined ? (
<Image source={{ uri: profileImage.uri }} style={styles.avatar} /> <Image source={{ uri: profileImage.uri }} style={styles.avatar} />
) : ( ) : (
<View style={styles.avatarPlaceholder}> <View style={styles.avatarPlaceholder}>
<Ionicons name="person" size={45} color="#fff" /> <Ionicons name="person" size={45} color="#fff" />
</View> </View>
)} )}
<View style={styles.profileBadge}>
<Ionicons name="camera" size={18} color={colors.primary} />
</View> </View>
<View style={styles.infoCardOne}>
<Text style={{ color: "#fff", fontWeight: "400"}}>Total Paid Amount {userDashboard?.totalPaidAmountMonth}</Text>
{/* <Text style={{ color: "#fff", fontWeight: "400"}}>Total Paid Amount {userDashboard?.totalPaidAmountMonth}</Text> */}
</View> </View>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
@@ -419,6 +415,16 @@ const styles = StyleSheet.create({
minWidth: '45%', minWidth: '45%',
marginBottom: 8, marginBottom: 8,
}, },
infoCardOne: {
backgroundColor: 'rgba(255,255,255,0.15)',
borderRadius: 14,
padding: 12,
borderWidth: 1,
borderColor: 'rgba(255,255,255,0.2)',
// flex: 1,
minWidth: '45%',
marginTop: 21,
},
infoCardHeader: { infoCardHeader: {
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
@@ -592,8 +598,8 @@ const styles = StyleSheet.create({
paddingHorizontal: 24, paddingHorizontal: 24,
borderRadius: 20, borderRadius: 20,
elevation: 4, elevation: 4,
borderColor:colors.primary, borderColor: colors.primary,
borderWidth:1, borderWidth: 1,
gap: 8, gap: 8,
}, },
payButtonText: { payButtonText: {
src/screens/home/user-home/CycleDashboard.tsx
+13 -11
View File
@@ -9,7 +9,7 @@ import {
UIManager, UIManager,
Platform, Platform,
} from 'react-native'; } from 'react-native';
import { Ionicons } from "@react-native-vector-icons/ionicons";import colors from "../../../components/colors"; // Assuming a colors file import { Ionicons } from "@react-native-vector-icons/ionicons"; import colors from "../../../components/colors"; // Assuming a colors file
// Enable LayoutAnimation for Android // Enable LayoutAnimation for Android
if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) { if (Platform.OS === 'android' && UIManager.setLayoutAnimationEnabledExperimental) {
@@ -68,14 +68,11 @@ interface CycleDashboardData {
// --- Helper Functions --- // --- Helper Functions ---
const formatDate = (dateArray: [number, number, number]): string => { const formatDate = (dateStr: string | null): string => {
if (!dateArray || dateArray.length < 3) return 'N/A'; if (!dateStr) return 'N/A';
const [year, month, day] = dateArray;
return new Date(year, month - 1, day).toLocaleDateString('en-US', { const [year, month, day] = dateStr.split('-');
month: 'short', return `${day}-${month}-${year}`;
day: 'numeric',
year: 'numeric',
});
}; };
const formatCurrency = (amount: number): string => { const formatCurrency = (amount: number): string => {
@@ -123,11 +120,12 @@ const CycleItem = ({ item, isExpanded, onToggle }: { item: Cycle, isExpanded: bo
<View style={styles.section}> <View style={styles.section}>
<Text style={styles.sectionTitle}>Contributions ({item.paidParticipants}/{item.totalParticipants})</Text> <Text style={styles.sectionTitle}>Contributions ({item.paidParticipants}/{item.totalParticipants})</Text>
{item.contributions.map(contribution => ( {item.contributions.map(contribution => (
<View key={contribution.transactionId} style={styles.contributionItem}> <View key={contribution.transactionId} style={[styles.contributionItem, { backgroundColor: contribution.status === 'SUCCESS' ? '#D1FAE5' : contribution.status === 'PENDING' ? '#FEF3C7' : '#FEE2E2' }]}>
<Ionicons name="person-circle-outline" size={28} color="#475569" /> <Ionicons name="person-circle-outline" size={28} color="#475569" />
<View style={{ flex: 1, marginLeft: 10 }}> <View style={{ flex: 1, marginLeft: 10 }}>
<Text style={styles.contributorName}>{contribution.userName}</Text> <Text style={styles.contributorName} numberOfLines={1} > {contribution.userName}</Text>
<Text style={styles.contributionDate}>{formatDate(contribution.paidDate)}</Text> <Text style={styles.contributionDate}>{formatDate(contribution.paidDate)}</Text>
<Text style={{color: contribution.status === 'SUCCESS' ? 'green' : contribution.status === 'PENDING' ? 'orange' : 'red', fontSize:12, textTransform:'capitalize'}}>{contribution.status}</Text>
</View> </View>
<Text style={styles.contributionAmount}>{formatCurrency(contribution.totalAmount)}</Text> <Text style={styles.contributionAmount}>{formatCurrency(contribution.totalAmount)}</Text>
</View> </View>
@@ -150,6 +148,7 @@ const CycleDashboard = ({ data }: { data: CycleDashboardData }) => {
setExpandedCycle(expandedCycle === cycleNumber ? null : cycleNumber); setExpandedCycle(expandedCycle === cycleNumber ? null : cycleNumber);
}; };
console.log("expanded cycle : ", data)
const renderHeader = () => ( const renderHeader = () => (
<View style={styles.headerContainer}> <View style={styles.headerContainer}>
<Text style={styles.groupName}>{data.groupName}</Text> <Text style={styles.groupName}>{data.groupName}</Text>
@@ -297,6 +296,9 @@ const styles = StyleSheet.create({
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
paddingVertical: 10, paddingVertical: 10,
paddingHorizontal: 8,
borderRadius: 6,
marginBottom: 10,
borderBottomWidth: 1, borderBottomWidth: 1,
borderBottomColor: '#f1f5f9', borderBottomColor: '#f1f5f9',
}, },
src/screens/home/user-home/GroupDetails.tsx
+6 -7
View File
@@ -77,7 +77,7 @@ const GroupDetails = () => {
const [openModal, setOpenModal] = useState(false); const [openModal, setOpenModal] = useState(false);
const [payable, setPayable] = useState<any>(); const [payable, setPayable] = useState<any>();
const [refreshing, setRefreshing] = useState(false); const [refreshing, setRefreshing] = useState(false);
const [cycleDashboardData, setCycleDashboardData] = useState<any>(); const [cycleDashboardData, setCycleDashboardData] = useState<any>([]);
const [selectedCycleNumber, setSelectedCycleNumber] = useState(null); const [selectedCycleNumber, setSelectedCycleNumber] = useState(null);
const [cycleItems, setCycleItems] = useState([]); const [cycleItems, setCycleItems] = useState([]);
const [selectedUser, setSelectedUser] = useState() as string | any; const [selectedUser, setSelectedUser] = useState() as string | any;
@@ -109,8 +109,8 @@ const GroupDetails = () => {
try { try {
const response = await apiCall(`${BASE_URL}payments/groups/${group.id || route?.params?.groupId}/cycle-dashboard`, "GET") as any; const response = await apiCall(`${BASE_URL}payments/groups/${group.id || route?.params?.groupId}/cycle-dashboard`, "GET") as any;
const responseData = response.data; const responseData = response.data;
setCycleDashboardData(responseData); setCycleDashboardData(responseData || []);
console.log("cycledata", responseData) console.log("cycle data", responseData)
if (responseData?.cycles) { if (responseData?.cycles) {
const items = responseData.cycles.map((cycle: any) => ({ const items = responseData.cycles.map((cycle: any) => ({
label: `Cycle ${cycle.cycleNumber}`, label: `Cycle ${cycle.cycleNumber}`,
@@ -191,7 +191,8 @@ const GroupDetails = () => {
}; };
const selectedCycleData = cycleDashboardData?.cycles.find((c: any) => c.cycleNumber === selectedCycleNumber); const selectedCycleData = cycleDashboardData?.cycles?.find((c: any) => c.cycleNumber === selectedCycleNumber);
// const selectedCycleData = cycleDashboardData?.cycles.find((c: any) => c.cycleNumber === selectedCycleNumber);
return ( return (
@@ -263,14 +264,12 @@ const GroupDetails = () => {
))} ))}
{cycleDashboardData?.status === 'ACTIVE' || cycleDashboardData?.status === 'DELAY' && !payable?.hasPaid && ( {(cycleDashboardData?.status === 'ACTIVE' || cycleDashboardData?.status === 'DELAY') && !payable?.hasPaid && (
<TouchableOpacity onPress={() => setOpenModal(true)} style={styles.button}> <TouchableOpacity onPress={() => setOpenModal(true)} style={styles.button}>
<Text style={styles.buttonText}>Contribute</Text> <Text style={styles.buttonText}>Contribute</Text>
</TouchableOpacity> </TouchableOpacity>
)} )}
</ScrollView> </ScrollView>
{openModal && ( {openModal && (
<ContributionScreen <ContributionScreen
data={payable} data={payable}
src/screens/management/Payments.tsx
+5 -1
View File
@@ -38,6 +38,8 @@ interface PaymentDetails {
contributionAmount: number; contributionAmount: number;
totalDueWithLateFee: number; totalDueWithLateFee: number;
participants: Participant[]; participants: Participant[];
nextCycleStart: string;
cycleCompleted: boolean;
} }
type PaymentStackParamList = { Payments: { groupId: string } }; type PaymentStackParamList = { Payments: { groupId: string } };
@@ -253,7 +255,9 @@ const Payments: React.FC = () => {
</View> </View>
</View> </View>
<Text style={styles.sectionTitle}>Participants</Text> <Text style={styles.sectionTitle}>Participants</Text>
{paymentDetails.participants.map(renderParticipant)} { paymentDetails?.cycleCompleted &&
<Text style={{ marginLeft: 20, marginBottom: 10, color: '#6c757d' }}>Next Cycle from : {paymentDetails?.nextCycleStart}</Text>
}{paymentDetails.participants.map(renderParticipant)}
</> </>
)} )}
</ScrollView> </ScrollView>
src/screens/management/WinnerUser.tsx
+3 -3
View File
@@ -34,7 +34,7 @@ interface WinnerUserProps {
} }
visible: boolean visible: boolean
onClose: () => void onClose: () => void
groupId:string | number groupId: string | number
} }
const WinnerUser: React.FC<WinnerUserProps> = ({ data, visible, onClose, groupId }) => { const WinnerUser: React.FC<WinnerUserProps> = ({ data, visible, onClose, groupId }) => {
@@ -95,7 +95,7 @@ const WinnerUser: React.FC<WinnerUserProps> = ({ data, visible, onClose, groupId
const onConfirm = async () => { const onConfirm = async () => {
try { try {
const res = await apiCall(`${BASE_URL}payments/withdraw/${groupId}/${data?.selectedUser?.id}`, 'PUT') const res = await apiCall(`${BASE_URL}payments/withdraw`, 'PUT', { groupId, userId: data?.selectedUser?.id, cycleNumber: currentCycle }) as any
console.log("res winner user : ", res) console.log("res winner user : ", res)
ToastAndroid.show('Withdrawal successful', ToastAndroid.SHORT) ToastAndroid.show('Withdrawal successful', ToastAndroid.SHORT)
onClose() onClose()
@@ -119,7 +119,7 @@ const WinnerUser: React.FC<WinnerUserProps> = ({ data, visible, onClose, groupId
{/* Header */} {/* Header */}
<View style={styles.header}> <View style={styles.header}>
<Ionicons name="trophy" size={24} color="#ff9800" /> <Ionicons name="trophy" size={24} color="#ff9800" />
<Text style={styles.cycle}>Cycle {currentCycle} Winner</Text> <Text style={styles.cycle}>Cycle {currentCycle} Winner </Text>
<Ionicons name="trophy" size={24} color="#ff9800" /> <Ionicons name="trophy" size={24} color="#ff9800" />
</View> </View>
src/screens/profile/Profile.tsx
+22 -31
View File
@@ -30,7 +30,7 @@ import { clearUser, setUserData } from "../../redux/userSlice";
import { StackNavigationProp } from "@react-navigation/stack"; import { StackNavigationProp } from "@react-navigation/stack";
import { RootStackParamList } from "../../navigation/AppNavigator"; import { RootStackParamList } from "../../navigation/AppNavigator";
import { firebase } from "@react-native-firebase/messaging"; import { firebase } from "@react-native-firebase/messaging";
import FirebaseService, { deleteFcmToken } from "../../utils/firebase/firebaseServices"; import FirebaseService, { deleteFcmToken, getFcmToken } from "../../utils/firebase/firebaseServices";
type UserProfile = { type UserProfile = {
@@ -303,7 +303,15 @@ const Profile = () => {
ToastAndroid.show('No user is currently logged in', ToastAndroid.SHORT); ToastAndroid.show('No user is currently logged in', ToastAndroid.SHORT);
return; return;
} }
const fcmToken = await getFcmToken(user?.userId?.toString());
const res = await fetch(`${BASE_URL}token/remove?fcmToken=${fcmToken}`, {
method: "PUT",
headers: {
Accept: "*/*",
Authorization: `Bearer ${credentials.password}`,
},
});
console.log(" logout api response : ", res)
await deleteFcmToken(user?.userId?.toString()); await deleteFcmToken(user?.userId?.toString());
// Clear stored credentials // Clear stored credentials
@@ -354,24 +362,6 @@ const Profile = () => {
}; };
console.log("user image :", user?.filePath);
const getProfileImage = () => {
return require('../../assets/images/placeholder.png');
if (user?.imageBlob) {
return { uri: `data:image/jpeg;base64,${user.imageBlob}` };
}
if (user?.filePath) {
return { uri: user.filePath };
}
// Return a require for local asset if nothing is available
return require('../../assets/images/placeholder.png');
};
return ( return (
<AppView paddingHorizontal={5} > <AppView paddingHorizontal={5} >
{/* Header */} {/* Header */}
@@ -433,11 +423,12 @@ const Profile = () => {
<View style={styles.profileImageSection}> <View style={styles.profileImageSection}>
<View style={styles.avatarContainer}> <View style={styles.avatarContainer}>
<Image <Image
source={getProfileImage()} source={{ uri: user?.imageBlob ? `data:image/jpeg;base64,${user?.imageBlob}` : user?.filePath || 'https://via.placeholder.com/150' }}
style={styles.avatar} style={styles.avatar}
onError={() => console.log("Error loading image")} onError={() => console.log("Error loading image")}
resizeMode='contain' resizeMode='contain'
/> />
<Text numberOfLines={1} style={{ textAlign: 'center', marginTop: 8 }}>{user?.filePath}</Text>
<TouchableOpacity style={styles.cameraIcon} onPress={pickImage}> <TouchableOpacity style={styles.cameraIcon} onPress={pickImage}>
<Ionicons name="camera" size={18} color="#000" /> <Ionicons name="camera" size={18} color="#000" />
</TouchableOpacity> </TouchableOpacity>
@@ -660,7 +651,7 @@ const Profile = () => {
</TouchableOpacity> </TouchableOpacity>
))} ))}
</View> </View>
</View> </View>
<View style={styles.editButtons}> <View style={styles.editButtons}>
@@ -892,8 +883,8 @@ const styles = StyleSheet.create({
marginTop: 8, marginTop: 8,
marginBottom: 16, marginBottom: 16,
gap: 12, gap: 12,
}, },
genderButton: { genderButton: {
flex: 1, flex: 1,
paddingVertical: 12, paddingVertical: 12,
backgroundColor: "#f1f5f9", backgroundColor: "#f1f5f9",
@@ -901,19 +892,19 @@ genderButton: {
alignItems: "center", alignItems: "center",
borderWidth: 1, borderWidth: 1,
borderColor: "#e2e8f0", borderColor: "#e2e8f0",
}, },
genderButtonActive: { genderButtonActive: {
backgroundColor: colors.pastelBlue, backgroundColor: colors.pastelBlue,
}, },
genderButtonText: { genderButtonText: {
color: "#64748b", color: "#64748b",
fontWeight: "500", fontWeight: "500",
fontSize: 16, fontSize: 16,
}, },
genderButtonTextActive: { genderButtonTextActive: {
color: colors.black, color: colors.black,
fontWeight: "700" fontWeight: "700"
}, },
buttonIcon: { buttonIcon: {
marginRight: 8, marginRight: 8,
src/screens/transaction/TransactionList.tsx
+14 -3
View File
@@ -69,9 +69,20 @@ const StatusBadge: React.FC<{ status?: string }> = ({ status }) => {
}; };
const TransactionItem: React.FC<{ item: Transaction }> = ({ item }) => { const TransactionItem: React.FC<{ item: Transaction }> = ({ item }) => {
const date = useMemo(() => parseTransactionDate(item.transactionDate), [item.transactionDate]); const formatDate = (dateStr: string | null): string => {
const dateStr = date ? date.toLocaleString("en-IN") : "-"; if (!dateStr) return 'N/A';
const date = new Date(dateStr);
const day = String(date.getDate()).padStart(2, '0');
const month = String(date.getMonth() + 1).padStart(2, '0');
const year = date.getFullYear();
return `${day}-${month}-${year}`;
};
const dateStr = item.transactionDate ? formatDate(item.transactionDate) : "N/A";
console.log("item of the transaction : ", item)
return ( return (
<TouchableOpacity activeOpacity={0.8} style={styles.card}> <TouchableOpacity activeOpacity={0.8} style={styles.card}>
<View style={styles.cardLeft}> <View style={styles.cardLeft}>
@@ -130,7 +141,7 @@ const TransactionsList: React.FC = () => {
return ( return (
<AppView> <AppView>
<Header title="transactions" titleColor={colors.Home} arrowColor={colors.Home}/> <Header title="transactions" titleColor={colors.Home} arrowColor={colors.Home} />
<Text style={styles.headerTitle}>{message}</Text> <Text style={styles.headerTitle}>{message}</Text>
src/utils/ApiUrls.tsx
+2 -2
View File
@@ -1,6 +1,6 @@
export const BASE_URL = "https://api.godemo.in/FundCollect/api/" // export const BASE_URL = "https://11.godemo.in/FundCollect/api/"
// export const BASE_URL = "http://192.168.1.5:9060/api/" export const BASE_URL = "http://192.168.1.8:9060/api/"
export const LOGIN_URL = `${BASE_URL}user/generate/otp?mobiles=` export const LOGIN_URL = `${BASE_URL}user/generate/otp?mobiles=`
export const VARIFY_OTP_URL = `${BASE_URL}user/otp/verify` export const VARIFY_OTP_URL = `${BASE_URL}user/otp/verify`
export const ORGRAGISTRATION = `${BASE_URL}organizer/registration/apply` export const ORGRAGISTRATION = `${BASE_URL}organizer/registration/apply`