gitscope
/
← marzneshin / dashboard/src/components/header/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/header/index.tsx · v0.3.0
Source
1 3c1143b Mardin 2y ago import { HeaderMenu } from "./menu";
2 3c1143b Mardin 2y ago import { GithubRepo } from "@marzneshin/features/github-repo";
3 1c0d1b7 Dawsh 2y ago import { Link } from "@tanstack/react-router";
4 3d1a4b1 Mrdn 2y ago import { CommandBox } from "@marzneshin/features/search-command";
5 3d1a4b1 Mrdn 2y ago import type { FC, PropsWithChildren } from "react";
6 3c1143b Mardin 2y ago import { useScreenBreakpoint } from "@marzneshin/hooks/use-screen-breakpoint";
7 1eb203e Mrdn 2y ago
8 1eb203e Mrdn 2y ago export const Header: FC<PropsWithChildren> = ({ children }) => {
9 3c1143b Mardin 2y ago const isDesktop = useScreenBreakpoint("md");
10 3c1143b Mardin 2y ago
11 3c1143b Mardin 2y ago return (
12 3c1143b Mardin 2y ago <div className="flex flex-row justify-between items-center p-1 px-4 w-full h-full bg-primary text-primary-foreground dark:bg-primary-foreground">
13 3c1143b Mardin 2y ago <div className="flex flex-row gap-4 justify-center items-center">
14 3c1143b Mardin 2y ago <Link to="/">
15 3c1143b Mardin 2y ago <div className="flex flex-col justify-center items-center p-2 h-10 text-2xl font-bold bg-gray-800 rounded-lg font-header text-secondary border-accent dark:text-secondary-foreground">
16 3c1143b Mardin 2y ago M
17 3c1143b Mardin 2y ago </div>
18 3c1143b Mardin 2y ago </Link>
19 3c1143b Mardin 2y ago {children}
20 3c1143b Mardin 2y ago <CommandBox />
21 3c1143b Mardin 2y ago </div>
22 3c1143b Mardin 2y ago <div className="flex flex-row gap-2 h-10">
23 3c1143b Mardin 2y ago <GithubRepo variant={isDesktop ? "full" : "mini"} />
24 3c1143b Mardin 2y ago <HeaderMenu />
25 3c1143b Mardin 2y ago </div>
26 3c1143b Mardin 2y ago </div>
27 3c1143b Mardin 2y ago );
28 1c0d1b7 Dawsh 2y ago };