import { FloatingButton, Text, TouchableOpacity, View, } from "react-native-ui-lib"; import React, { useState } from "react"; import { Ionicons } from "@expo/vector-icons"; import { ScrollView, StyleSheet } from "react-native"; import MyProfile from "./user_settings_views/MyProfile"; import MyGroup from "./user_settings_views/MyGroup"; import { useAtom } from "jotai"; import { settingsPageIndex, userSettingsView } from "../calendar/atoms"; import { AuthContextProvider } from "@/contexts/AuthContext"; import PlusIcon from "@/assets/svgs/PlusIcon"; const UserSettings = () => { const [pageIndex, setPageIndex] = useAtom(settingsPageIndex); const [userView, setUserView] = useAtom(userSettingsView); const [onNewUserClick, setOnNewUserClick] = useState<(boolean)>(false); return ( { setPageIndex(0); setUserView(true); }} > Return to main settings User Management setUserView(true)} centerV centerH style={userView == true ? styles.btnSelected : styles.btnNot} > My Profile setUserView(false)} centerV centerH style={userView == false ? styles.btnSelected : styles.btnNot} > My Group {userView && } {!userView && } {!userView && ( , onPress: () => setOnNewUserClick(true), style: styles.bottomButton, labelStyle: { fontFamily: "Manrope_600SemiBold", fontSize: 15 }, }} /> )} ); }; const styles = StyleSheet.create({ bottomButton: { position: "absolute", bottom: 15, marginHorizontal: 28, width: 337, backgroundColor: "#e8156c", height: 53.26, }, buttonSwitch: { borderRadius: 50, width: "100%", backgroundColor: "#ebebeb", height: 45, }, btnSelected: { backgroundColor: "#05a8b6", height: "100%", width: "50%", borderRadius: 50, }, btnTxt: { fontFamily: "Manrope_500Medium", fontSize: 15, }, btnNot: { height: "100%", width: "50%", borderRadius: 50, }, title: { fontFamily: "Manrope_600SemiBold", fontSize: 18 }, }); export default UserSettings;