import {Button, Text, View} from "react-native-ui-lib"; import React, {useState} from "react"; import HeaderTemplate from "@/components/shared/HeaderTemplate"; import AddChore from "./AddChore"; import ProgressCard from "./ProgressCard"; import ToDosList from "./ToDosList"; import {Dimensions, ScrollView, StyleSheet} from "react-native"; import {TouchableOpacity} from "react-native-gesture-handler"; import {ProfileType, useAuthContext} from "@/contexts/AuthContext"; import FamilyChoresProgress from "./family-chores/FamilyChoresProgress"; import UserChoresProgress from "./user-chores/UserChoresProgress"; const ToDosPage = () => { const [pageIndex, setPageIndex] = useState(0); const {profileData} = useAuthContext(); const {width, height} = Dimensions.get("screen"); const pageLink = ( setPageIndex(1)}> View family progress ); return ( <> {pageIndex == 0 && ( {profileData?.userType == ProfileType.CHILD && ( setPageIndex(2)} > View your full progress report here } /> )} )} {pageIndex == 1 && } {pageIndex == 2 && } { profileData?.userType == ProfileType.PARENT && } ) ; }; const styles = StyleSheet.create({ linkBtn: { backgroundColor: "transparent", padding: 0, }, }); export default ToDosPage;