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, useSetAtom} from "jotai"; import {settingsPageIndex, userSettingsView} from "../calendar/atoms"; import PlusIcon from "@/assets/svgs/PlusIcon"; const UserSettings = () => { const setPageIndex = useSetAtom(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;