/
SOFG1
/
generic
Обзор
Документация
Войти
/
SOFG1
/
generic
Код
Запросы
0
Задачи
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/app/Layout.tsx
51 строка
1 KB
Eddy
fix App structure
25 июл 2024, 23:56
25 июл 2024, 23:56
5748b02
Код
Авторство
О чём код?
import { useLocation } from "react-router-dom"; import { HOCPage, } from "../pages"; import "../styles/index.scss"; import { Menu } from "../components/common/Menu"; import { ToolbarComponent } from "../components/common/ToolbarComponent"; import { useSelector } from "react-redux"; import { ScrollDownComponent } from "../components/common/ScrollDownComponent"; import { UserActivityWatcher } from "../components/common/UserActivityWatcher"; import AlertComponent from "../components/common/AlertComponent/AlertComponent"; import { signUpUrl } from "../config/signUpUrl"; import { userIsLoginSelector, userTokenSelector, } from "../store/user/selectors"; import { AppRouter } from "./AppRouter"; import { useUserActions } from "../store/user"; import { useEffect } from "react"; function Layout() { const token = useSelector(userTokenSelector); const { getUserInfoAction } = useUserActions(); const isLogin = useSelector(userIsLoginSelector); const { pathname } = useLocation(); useEffect(() => { if (token) { getUserInfoAction(token); } }, [token]); return ( <div className="App"> <UserActivityWatcher /> {isLogin && pathname !== signUpUrl && <Menu />} <div className="Content"> <ToolbarComponent /> <HOCPage> <AppRouter /> </HOCPage> </div> {isLogin && pathname !== signUpUrl && <ScrollDownComponent />} <AlertComponent /> </div> ); } export default Layout;