sheptikhinv/survey-webapp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

creating my polls page

Browse source
This commit is contained in:
Tatiana Nikolaeva 2025-04-28 11:09:38 +05:00
parent 28882e7038
commit 08b22b07c6
16 changed files with 266 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

11
SurveyFrontend/src/components/Header/Header.tsx
View file

@ -8,22 +8,23 @@ import {Link, useLocation} from "react-router-dom";
const Header: React.FC = () => {
const location = useLocation();
const isCreateSurveyActive = location.pathname.includes('/survey/edit');
const isMySurveyActive = location.pathname === '/my-surveys';
const isCreateSurveyActive = location.pathname.includes('/survey/create');
const isSurveyPage = location.pathname.includes('/survey/') && !location.pathname.includes('/survey/create');
const isMySurveysPage = location.pathname === '/my-surveys' || isSurveyPage;
return (
<div className={styles.header}>
<Logo href='/' />
<nav className={styles.pagesNav}>
<Link to='/survey/edit/questions'
<Link to='/survey/create/questions'
className={`${styles.pageLink} ${isCreateSurveyActive ? styles.active : ''}`}>
Создать опрос
{isCreateSurveyActive && <hr className={styles.activeLine}/>}
</Link>
<Link to='/my-surveys'
className={`${styles.pageLink} ${isMySurveyActive ? styles.active : ''}`}>
className={`${styles.pageLink} ${isMySurveysPage ? styles.active : ''}`}>
Мои опросы
{isMySurveyActive && <hr className={styles.activeLine}/>}
{isMySurveysPage && <hr className={styles.activeLine}/>}
</Link>
</nav>
<Account