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 Avatar from "../Avatar";
import Navbar from "../Navbar";
import Bell from "./Bell";
import Logo from "../Logo";
import Link from "./Link";
import { RouterLink } from "components/typography/RouterLink";
/* -------------------------------------------------------------------------- */
/* Icons */
/* -------------------------------------------------------------------------- */
import { ReactComponent as SVGFavoriteOutlined } from "assets/svg/favorite-outlined.svg";
import { ReactComponent as SVGFolder } from "assets/svg/folder.svg";
import { ReactComponent as SVGFile } from "assets/svg/file.svg";
import { ReactComponent as SVGEye } from "assets/svg/eye.svg";
import {
SVGBellNotification,
SVGBell,
SVGFavoriteOutlined,
SVGFolder,
SVGFile,
SVGEye,
} from "components/icons";
const Header = () => {
const [authenticated, setAuthenticated] = useState(false);
const onClick = () => setAuthenticated(true);
const [notification, setNotification] = useState(false);
/* -------------------------------------------------------------------------- */
/* Implement Header Component */
@ -58,9 +62,12 @@ const Header = () => {
gap-2"
>
{/* 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
</Link>
</RouterLink>
{/* Link Create now - end - */}
{/* Dropdown Menu My library - start - */}
@ -143,7 +150,11 @@ const Header = () => {
: [
<Button emphasis="low">
<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>,