import * as React from "react";
import { useModel } from "flooks";
import {
    Image,
    Platform,
    StyleSheet,
    TouchableOpacity,
    View,
    ImageBackground,
} from "react-native";
import {
    Layout,
    Tab,
    TabView,
    Text,
    useTheme,
    Button,
    Card,
} from "@ui-kitten/components";
import { useFocusEffect } from "@react-navigation/native";
export default function ModalScreen({ navigation }) {
    const theme = useTheme();
    const { getWords } = useModel("wordsModel", true);
    const { changeBackground } = useModel("barModel", true);
    const { checkLogin, isLogin, status, guideStep } = useModel("userModel");

    const [loading, changeLoading] = React.useState(true);
    useFocusEffect(
        React.useCallback(() => {
            changeBackground(theme["color-primary-500"]);
            getWords();
            checkLogin().then((_) => {
                changeLoading(false);
            });
        }, [])
    );

    React.useEffect(() => {
        if (!loading) {
            // navigation.replace("AddNewClass");
            if (isLogin) {
                if (status !== "PASS") {
                    navigation.replace("Guide");
                } else {
                    navigation.replace("Root");
                }
            } else {
                navigation.replace("Login");
            }
        }
    });

    // getWords();
    // await checkLogin();
    return <Layout style={{ flex: 1 }}></Layout>;
}