import React, { useEffect } from "react";
import Svg, { G, Path } from "react-native-svg";
import { Appearance, Platform, Dimensions } from "react-native";
import { NavigationContainer, DefaultTheme } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { connect } from "react-redux";
import { user } from "../src/redux/actions";
//components
import OrderDetails from "../src/screens/OrderDetails";
import OrdersFollowUp from "../src/screens/OrdersFollowUp";
import Splash from "../src/screens/Splash";
import Home from "../src/screens/Home";
import Products from "../src/screens/Products";
import Login from "../src/screens/Login";
import Otp from "../src/screens/Otp";
import Product from "../src/screens/Product";
import AR from "../src/screens/AR";
import QR from "../src/screens/QR";
import QRContent from "../src/screens/QRContent";
import Faq from "../src/screens/Faq";
import Activation from "../src/screens/Activation";
import Videos from "../src/screens/Videos";
import Video from "../src/screens/Video";
import VideoDisplay from "../src/screens/VideoDisplay";
import Contact from "../src/screens/Contact";
import Tests from "../src/screens/Tests";
import ShoppingCart from "../src/screens/ShoppingCart";
import DeliveryForm from "../src/screens/DeliveryForm";
import Address from "../src/screens/Address";
import Profile from "../src/screens/Profile";
import ProfileBookmark from "../src/screens/Profile/components/ProfileBookmark";
import ProfileAddress from "../src/screens/Profile/components/ProfileAddress";
import Blogs from "../src/screens/Blogs";
import Blog from "../src/screens/Blog";
//style
import fontSize from "../src/constants/fontSize";
import Colors from "../src/constants/Colors";
const ios = Platform.OS === "ios";
const colorScheme = Appearance.getColorScheme();
const Tab = createBottomTabNavigator();
const BottomTabNavigator = () => {
const [height, setHeight] = React.useState(88);
React.useEffect(() => {
setTimeout(() => {
setHeight(89);
}, 1000);
}, []);
return (
focused ? (
) : (
),
contentStyle: {
backgroundColor: "white",
},
}}
/>
focused ? (
) : (
),
}}
/>
focused ? (
) : (
),
}}
/>
focused ? (
) : (
),
}}
/>
focused ? (
) : (
),
}}
/>
);
};
const HomeStack = createNativeStackNavigator();
const HomeStackScreen = () => {
return (
);
};
const ProductsStack = createNativeStackNavigator();
const ProductsStackScreen = () => {
return (
);
};
const VODStack = createNativeStackNavigator();
const VODStackScreen = () => {
return (
);
};
const CARTStack = createNativeStackNavigator();
const CARTStackScreen = () => {
return (
);
};
const PROFILEStack = createNativeStackNavigator();
const PROFILEStackScreen = () => {
return (
);
};
const Stack = createNativeStackNavigator();
const Navigation = ({ getStatus, isLogin }) => {
useEffect(() => {
getStatus();
}, []);
return (
);
};
const mapStateToProps = (state) => ({
isLogin: state.user.status,
});
const mapDispatchToProps = {
getStatus: user.getStatus,
};
export default connect(mapStateToProps, mapDispatchToProps)(Navigation);