74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
import React from 'react';
|
|
import {View, Text } from "react-native";
|
|
import { useTheme } from "react-native-paper";
|
|
import Profile from "@/components/Profile";
|
|
import Status from "@/components/Status";
|
|
import TopNav from "@/components/TopNav";
|
|
import BottomNav from "@/components/BottomNav"
|
|
import { useUser } from "@/context/UserContext";
|
|
import styles from "@/assets/styles";
|
|
import log from "@/util/log"
|
|
|
|
const Index = () => {
|
|
const theme = useTheme();
|
|
|
|
const {
|
|
isProfileActive,
|
|
setProfileActive,
|
|
userId,
|
|
userName,
|
|
setUserName,
|
|
userImage,
|
|
setUserImage,
|
|
userStatus,
|
|
setUserStatus,
|
|
setUserDataChanged,
|
|
setTheme,
|
|
currentTheme,
|
|
isLoading,
|
|
} = useUser();
|
|
|
|
if (isLoading) {
|
|
log.debug("Still loading");
|
|
return (
|
|
<View style={[styles.indexContainer, { backgroundColor: theme.colors.background, justifyContent: 'center', alignItems: 'center' }]}>
|
|
<Text>Loading...</Text>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<View style={[styles.indexContainer, { backgroundColor: theme.colors.background }]}>
|
|
<TopNav
|
|
toggleProfile={() => setProfileActive(true)}
|
|
/>
|
|
<Status
|
|
id={userId}
|
|
name={userName}
|
|
image={userImage}
|
|
currentStatus={userStatus}
|
|
setStatus={setUserStatus}
|
|
currentTheme={currentTheme}
|
|
isProfileActive={isProfileActive}
|
|
/>
|
|
<Profile
|
|
visible={isProfileActive}
|
|
id={userId}
|
|
name={userName}
|
|
setName={setUserName}
|
|
image={userImage}
|
|
setImage={setUserImage}
|
|
setTheme={setTheme}
|
|
currentTheme={currentTheme}
|
|
setChanged={setUserDataChanged}
|
|
onClose={() => setProfileActive(false)}
|
|
/>
|
|
<BottomNav
|
|
isProfileActive={isProfileActive}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
export default Index;
|