import './App.css';
import SignUpPage from './ui/page/signup/SignUpPage';
import Layout from './layouts/Layout';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import { useAuthStore } from './store/authStore';
import { PageRouting } from './data/RoutingData';
import LoginPage from './ui/page/login/LoginPage';
import ResetPasswordPage from './ui/page/resetPassword/ResetPasswordPage';

function App() {
  const { authData } = useAuthStore();

  return (
    <Router>
      <Routes>
        <Route element={<Layout />}>
          <Route element={<LoginPage />} path={PageRouting["LOGIN"].path} />
          <Route element={<SignUpPage />} path={PageRouting["SIGN_UP"].path} />
          <Route element={<ResetPasswordPage />} path={PageRouting["RESET_PASSWORD"].path} />
          {!(authData?.isLogedIn) ? <Route element={<Navigate to={PageRouting["LOGIN"].path} />} path="*" /> : null}
        </Route>
      </Routes>
    </Router>
  );
}

export default App