Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

resolved header errors, refresh imports

Browse Source
This commit is contained in:
Maximus 2022-08-20 15:15:05 +03:00
parent 4247766746
commit b557d05718
1 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/parts/Header.tsx
View File

@ -9,21 +9,25 @@ import Logofreeland from "../Logofreeland";
import { Button } from "../Button/Button"; import { Button } from "../Button/Button";
import Avatar from "../Avatar"; import Avatar from "../Avatar";
import Navbar from "../Navbar"; import Navbar from "../Navbar";
import Bell from "./Bell";
import Logo from "../Logo"; import Logo from "../Logo";
import Link from "./Link"; import { RouterLink } from "components/typography/RouterLink";
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Icons */ /* Icons */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
import { ReactComponent as SVGFavoriteOutlined } from "assets/svg/favorite-outlined.svg"; import {
import { ReactComponent as SVGFolder } from "assets/svg/folder.svg"; SVGBellNotification,
import { ReactComponent as SVGFile } from "assets/svg/file.svg"; SVGBell,
import { ReactComponent as SVGEye } from "assets/svg/eye.svg"; SVGFavoriteOutlined,
SVGFolder,
SVGFile,
SVGEye,
} from "components/icons";
const Header = () => { const Header = () => {
const [authenticated, setAuthenticated] = useState(false); const [authenticated, setAuthenticated] = useState(false);
const onClick = () => setAuthenticated(true); const onClick = () => setAuthenticated(true);
const [notification, setNotification] = useState(false);
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Implement Header Component */ /* Implement Header Component */
@ -58,9 +62,12 @@ const Header = () => {
gap-2" gap-2"
> >
{/* Link Create now - start - */} {/* Link Create now - start - */}
<Link className="text-blue-500 px-4 font-bold uppercase" href="#"> <RouterLink
className="text-blue-500 px-4 font-bold uppercase"
to="/create-new"
>
Create new Create new
</Link> </RouterLink>
{/* Link Create now - end - */} {/* Link Create now - end - */}
{/* Dropdown Menu My library - start - */} {/* Dropdown Menu My library - start - */}
@ -143,7 +150,11 @@ const Header = () => {
: [ : [
<Button emphasis="low"> <Button emphasis="low">
<Button.Icon> <Button.Icon>
<Bell className="h-6 w-6" /> {!notification ? (
<SVGBell className="h-6 w-6 fill-gray-900 stroke-gray-900" />
) : (
<SVGBellNotification className="h-6 w-6 fill-gray-900 stroke-gray-900" />
)}
</Button.Icon> </Button.Icon>
</Button>, </Button>,