policyinfowrapper

 

// import React from "react";

// import { View } from "react-native";

// import styles from "./styles";

// import Text from "@/components/text";

// interface PolicyData {

// policyName: string;

// covers: string;

// membersCovered: string;

// sumInsured: string;

// joiningDate: string;

// expiryDate: string;

// }

// interface PolicyWrapperProps {

// data: PolicyData;

// }

// const PolicyWrapper: React.FC<PolicyWrapperProps> = ({ data }) => {

// return (

// <View

// style={styles.styles.container}

// dataSet={{ media: styles.ids.container }}

// >

// <View

// style={styles.styles.row}

// dataSet={{ media: styles.ids.row }}

// >

// <View

// style={styles.styles.column}

// dataSet={{ media: styles.ids.column }}

// >

// <Text variant="body-1" color="shaded">Policy Name</Text>

// <Text variant="header-2" >{data.policyName}</Text>

// </View>

// <View

// style={styles.styles.column}

// dataSet={{ media: styles.ids.column }}

// >

// <Text variant="body-1" color="shaded">Covers</Text>

// <Text variant="header-2">{data.covers}</Text>

// </View>

// </View>

// <View

// style={styles.styles.row}

// dataSet={{ media: styles.ids.row }}

// >

// <View

// style={styles.styles.column}

// dataSet={{ media: styles.ids.column }}

// >

// <Text variant="body-1" color="shaded">Members Covered</Text>

// <Text variant="header-2">{data.membersCovered}</Text>

// </View>

// <View

// style={styles.styles.column}

// dataSet={{ media: styles.ids.column }}

// >

// <Text variant="body-1" color="shaded">Sum Insured</Text>

// <Text variant="header-2">{data.sumInsured}</Text>

// </View>

// </View>

// <View

// style={styles.styles.row}

// dataSet={{ media: styles.ids.row }}

// >

// <View

// style={styles.styles.column}

// dataSet={{ media: styles.ids.column }}

// >

// <Text variant="body-1" color="shaded">Policy Joining Date</Text>

// <Text variant="header-2">{data.joiningDate}</Text>

// </View>

// <View

// style={styles.styles.column}

// dataSet={{ media: styles.ids.column }}

// >

// <Text variant="body-1" color="shaded">Policy Expiry</Text>

// <Text variant="header-2">{data.expiryDate}</Text>

// </View>

// </View>

// </View>

// );

// };

// export default PolicyWrapper;

// import { View, ActivityIndicator } from 'react-native';

// import React from 'react';

// import { useMemberDetails } from '../policy-info-wrapper/hooks'; // or '@/policy-info-wrapper/hooks' if alias added

// import styles from './styles';

// import Text from '@/components/text';

// export default function Index() {

// const { data: memberDetailsData, isLoading } = useMemberDetails('18492794');

// if (isLoading) {

// return <ActivityIndicator size="large" color="#0000ff" />;

// }

// if (!memberDetailsData) {

// return <Text>No Data Found</Text>;

// }

// const policyData = memberDetailsData[0];

// console.log(policyData);

// const spouseCount = memberDetailsData.filter(item => item.relation === 'Spouse').length;

// const childCount = memberDetailsData.filter(item => item.relation === 'Child').length;

// return (

// <View style={styles.styles.container} dataSet={{ media: styles.ids.container }}>

// {/* Row 1 */}

// <View style={styles.styles.row} dataSet={{ media: styles.ids.row }}>

// <View style={styles.styles.column} dataSet={{ media: styles.ids.column }}>

// <Text variant="body-1" color="shaded">Policy Name</Text>

// <Text variant="header-2">{policyData.relation}</Text>

// </View>

// <View style={styles.styles.column} dataSet={{ media: styles.ids.column }}>

// <Text variant="body-1" color="shaded">Covers</Text>

// <Text variant="header-2">{policyData.relation}</Text>

// </View>

// </View>

// {/* Row 2 */}

// <View style={styles.styles.row} dataSet={{ media: styles.ids.row }}>

// <View style={styles.styles.column} dataSet={{ media: styles.ids.column }}>

// <Text variant="body-1" color="shaded">Members Covered</Text>

// <Text variant="header-2">Self {spouseCount>=1&&`+ Spouse` }{childCount>=1&&`+${childCount}children`}</Text>

// </View>

// <View style={styles.styles.column} dataSet={{ media: styles.ids.column }}>

// <Text variant="body-1" color="shaded">Sum Insured</Text>

// <Text variant="header-2">

// Available {policyData.balanceSumInsured} of {policyData.sumInsured}

// </Text>

// </View>

// </View>

// {/* Row 3 */}

// <View style={styles.styles.row} dataSet={{ media: styles.ids.row }}>

// <View style={styles.styles.column} dataSet={{ media: styles.ids.column }}>

// <Text variant="body-1" color="shaded">Policy Joining Date</Text>

// <Text variant="header-2">{policyData.effectiveFromDate}</Text>

// </View>

// <View style={styles.styles.column} dataSet={{ media: styles.ids.column }}>

// <Text variant="body-1" color="shaded">Policy Expiry</Text>

// <Text variant="header-2">{policyData.effectiveToDate}</Text>

// </View>

// </View>

// </View>

// );

// }