/
dbataeva
/
tasksApp
Обзор
Документация
Войти
/
dbataeva
/
tasksApp
Код
Запросы
2
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
finalProject
appProject/src/widgets/header/ui/Header.tsx
38 строк
960 B
Daria Bataeva
refactor(task7): move code into appProject folder
26 окт 2025, 14:56
26 окт 2025, 14:56
489b5b2
Код
Авторство
О чём код?
import React from 'react'; import styles from './Header.module.css'; import { NavLink } from 'react-router'; import { PROTECTED_ROUTES, PUBLIC_ROUTES } from 'shared/rotes'; import { useAuth } from 'shared/auth'; export const Header = () => { const { isAuthenticated } = useAuth(); return ( <div className={styles.bar}> {Object.entries(PUBLIC_ROUTES).map(([routeName, routeValue]) => { return ( <NavLink to={routeValue} key={routeName}> {({ isActive }) => ( <div className={isActive ? styles.active : undefined}> {routeName} </div> )} </NavLink> ); })} {isAuthenticated && Object.entries(PROTECTED_ROUTES).map(([routeName, routeValue]) => { return ( <NavLink to={routeValue} key={routeName}> {({ isActive }) => ( <div className={isActive ? styles.active : undefined}> {routeName} </div> )} </NavLink> ); })} </div> ); };