Posts

Showing posts from March, 2025

indexfile current vhcportal

  import { View , ScrollView } from "react-native" ; import React from "react" ; import Button from "@/components/button" ; import useToast from "@/components/toast" ; import Text from "@/components/text" ; import Status from "@/components/status" ; import PolicyInfoWrapper from "@/components/policy-info-wrapper" ; import HealthCard from "@/components/health-card" ; import { Alert } from "react-native" ; import InsuranceSummary from "@/components/insurance-summary" ; import { dark } from "@ebh/capsule/theme" ; import Chip from "@/components/chip" ; import { useState } from "react" ; import { Close } from "@ebh/capsule/icons" ; const policyData = { policyName : "Employee insurance policy name extend" , covers : "Hospitalisation only" , membersCovered : "Self + Spouse + 2 chil...

indeweb

  import React from "react" ; import { Status as StatusWeb } from "@ebh/capsule" ; import { StatusProps } from "@ebh/capsule" ; const Status : React . FC < StatusProps > = ({ variant , rounded , theme , children }) => { return < StatusWeb variant = { variant } rounded = { rounded } theme = { theme } > { children } </ StatusWeb > ; }; export default Status ;

index.native

  import React from "react" ; import { View , Text , StyleSheet } from "react-native" ; import { THEME_COLORS } from "@/constants/contants" ; import { white } from "@/constants/theme" ; import { StatusProps } from "@ebh/capsule" ; type StatusVariant = "success" | "primary" | "secondary" | "tertiary" | "error" | "caution" | "accent" | "gray" | "info" ; const getStatusColors = ( variant : StatusVariant , theme : string = "light" ) => { const isDark = theme === "dark" ; const colors : Record < StatusVariant , { backgroundColor : string ; textColor : string }> = { success : { backgroundColor : isDark ? THEME_COLORS [ "success-500" ] : THEME_COLORS [ "success-100" ], textColor : isDark ? white : THEME_COLORS [ "success-600" ], }, ...

chips component

  import React from "react" ; import { TouchableOpacity , Text , StyleSheet , GestureResponderEvent , View } from "react-native" ; import { THEME_COLORS } from "@/constants/contants" ; import { white } from "@/constants/theme" ; import { ChipProps } from "@ebh/capsule" ; const Chip : React . FC < ChipProps > = ({ active = false, onClick , children }) => { // const handlePress = (event: GestureResponderEvent) => { // if (onClick) { // onClick(event as unknown as any); // } // }; return ( < View style = { styles . chipWrapper } > < TouchableOpacity style = { [ styles . chipContainer , active ? styles . activeChip : styles . inactiveChip ] } // onPress={handlePress} > < Text style = { [ styles . chipText , active ? styles . activeText : styles . inactiveText ] } > { children } </ Text > </...

indexvhcportal

  import { View , ScrollView } from "react-native" ; import React from "react" ; import Button from "@/components/button" ; import useToast from "@/components/toast" ; import Text from "@/components/text" ; import Status from "@/components/status" ; import PolicyInfoWrapper from "@/components/policy-info-wrapper" ; import HealthCard from "@/components/health-card" ; import { Alert } from "react-native" ; import InsuranceSummary from "@/components/insurance-summary" ; import { dark } from "@ebh/capsule/theme" ; import Chip from "@/components/chip" ; import { useState } from "react" ; import { Close } from "@ebh/capsule/icons" ; const policyData = { policyName : "Employee insurance policy name extend" , covers : "Hospitalisation only" , membersCovered : "Self + Spouse + 2 chil...

vhc-portalindex

  import { View , StyleSheet , Platform } from "react-native" ; import Button from "@/components/button/" ; import useToast from "@/components/toast" ; import Text from "@/components/text" ; import Divider from "@/components/divider" ; import { SegmentedButton } from "@/components/segmented-button" ; import { Icon } from "react-native-paper" ; import { useState } from "react" ; const HomePage = () => { const toast = useToast(); const [active, setActive] = useState( 0 ); return ( < View style={{}}> < Text variant= "display-1" numberOfLines={ 3 } color= "primary-500" > Home Page </ Text > < Button title= "Hello Native" onPress={() => { toast( "Something went wrong please try again later!" , "error" ); }} // start={<Icon size=...

vhc-portal

  import { View , ScrollView } from "react-native" ; import React from "react" ; import Button from "@/components/button" ; import useToast from "@/components/toast" ; import Text from "@/components/text" ; import Status from "@/components/status" ; import PolicyInfoWrapper from "@/components/PolicyInfoWrapper" ; import HealthCard from "@/components/HealthCard" ; const policyData = { policyName : "Employee insurance policy name extend" , covers : "Hospitalisation only" , membersCovered : "Self + Spouse + 2 children" , sumInsured : "Available ₹50,000 of 4,50,000" , joiningDate : "20/11/2024" , expiryDate : "12/01/2025" , }; import { Alert } from "react-native" ; import InsuranceSummary from "@/components/InsuranceSummary" ; import { dark } from "@ebh/capsule/theme" ; impor...