/
astafievk
/
source_code
Обзор
Документация
Войти
/
astafievk
/
source_code
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
App/src/components/PageAdmin/AdminLeftMenu.tsx
33 строки
1 KB
astafievK
source code
21 июн 2024, 21:02
21 июн 2024, 21:02
37a1d03
Код
Авторство
О чём код?
import {FC} from "react"; import {useAppDispatch, useTypedSelector} from "../../store/hooks/redux.ts"; import {setSection} from "../../api/slices/adminPanelSlice.ts"; const AdminLeftMenu: FC = () => { const dispatch = useAppDispatch() const {sectionName} = useTypedSelector(state => state.adminPanelReducer); return ( <div className="left-menu__wrapper"> <nav className="left-menu"> <div className={`left-menu__item ${sectionName == "statistic" ? "selected" : ""}`} onClick={() => dispatch(setSection("statistic"))}> <span>Статистика</span> </div> <div className={`left-menu__item ${sectionName == "employers" ? "selected" : ""}`} onClick={() => dispatch(setSection("employers"))}> <span>Сотрудники</span> </div> <div className={`left-menu__item ${sectionName == "services" ? "selected" : ""}`} onClick={() => dispatch(setSection("services"))}> <span>Услуги</span> </div> <div className={`left-menu__item ${sectionName == "clients" ? "selected" : ""}`} onClick={() => dispatch(setSection("clients"))}> <span>Клиенты</span> </div> </nav> </div> ) } export default AdminLeftMenu