/
redly
/
reactposts
Обзор
Документация
Войти
/
redly
/
reactposts
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Navigation.tsx
31 строка
788 B
Redlyweb
feat: add search, pagination, sort, auth with useContext
26 июн 2024, 11:45
26 июн 2024, 11:45
840acc1
Код
Авторство
О чём код?
import { useContext } from "react"; import { NavLink } from "react-router-dom"; import styled from "styled-components"; import { AuthContext } from "../helpers/context"; const StyledNavigation = styled.nav` display: flex; justify-content: space-between; height: 60px; align-items: center; `; const StyledNavLink = styled(NavLink)` color: black; font-weight: 700; `; export default function Navigation() { const { isAuth, setIsAuth } = useContext(AuthContext)!; return ( <StyledNavigation> <StyledNavLink to="/">React Posts</StyledNavLink> {isAuth ? ( <StyledNavLink to="/" onClick={() => setIsAuth(!isAuth)}>Выйти</StyledNavLink> ) : ( <StyledNavLink to="/">Войти</StyledNavLink> )} </StyledNavigation> ); }