Fool-Stack/Kanban-Front
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Форматировние кода и изменение структуры css файлов

Browse Source
This commit is contained in:
Vladiysss
2026-02-04 17:52:36 +03:00
parent 4f58b675fb
commit c07e560362
15 changed files with 765 additions and 813 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/Header.js
View File

@@ -1,6 +1,7 @@
import React, { useState, useEffect } from 'react';
import { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import axios from 'axios';
import './css/Header.css';
const Header = () => {
const [display_name, setDisplay_name] = useState('');
@@ -22,32 +23,36 @@ const Header = () => {
}, []);
return (
<header className="header">
<div className="header-container">
<div className="logo">
<Link to="/main">
<h1>Fool-stack</h1>
</Link>
</div>
<nav className="nav">
{!isLoading && (
<ul className={`nav-list ${isAnimated ? 'visible' : ''}`}>
{display_name ? (
<>
<li><Link to="/Kanban-Boards-List">Канбан-доски</Link></li>
<li><Link to="/profile">{display_name}<img className="nav-avatar" src={avatar}></img></Link></li>
</>
) : (
<>
<li><Link to="/registration">Регистрация</Link></li>
<li><Link to="/login">Вход</Link></li>
</>
)}
</ul>
)}
</nav>
</div>
</header>
<header className="header">
<div className="header-container">
<div className="logo">
<Link to="/main">
<h1>Fool-stack</h1>
</Link>
</div>
<nav className="nav">
{!isLoading && (
<ul className={`nav-list ${isAnimated ? 'visible' : ''}`}>
{display_name ? (
<>
<li><Link to="/Kanban-Boards-List">Канбан-доски</Link></li>
<li>
<Link to="/profile">
{display_name}<img className="nav-avatar" src={avatar} alt=''></img>
</Link>
</li>
</>
) : (
<>
<li><Link to="/registration">Регистрация</Link></li>
<li><Link to="/login">Вход</Link></li>
</>
)}
</ul>
)}
</nav>
</div>
</header>
);
};