diff --git a/components/Header/Header.tsx b/components/Header/Header.tsx
index fe20215..1dd638a 100644
--- a/components/Header/Header.tsx
+++ b/components/Header/Header.tsx
@@ -1,6 +1,6 @@
-import { ActionIcon, createStyles, Group, Header, rem, TextInput } from "@mantine/core";
+import { ActionIcon, createStyles, Group, Header, rem, Text, TextInput } from "@mantine/core";
import { useForm } from "@mantine/form";
-import { IconSearch } from "@tabler/icons";
+import { Icon123, IconHome, IconSearch } from "@tabler/icons";
import { useRouter } from "next/router";
const useStyles = createStyles((theme) => ({
@@ -16,18 +16,6 @@ const useStyles = createStyles((theme) => ({
alignItems: "center",
},
- links: {
- [theme.fn.smallerThan("md")]: {
- display: "none",
- },
- },
-
- search: {
- [theme.fn.smallerThan("xs")]: {
- display: "none",
- },
- },
-
link: {
display: "block",
lineHeight: 1,
@@ -42,13 +30,14 @@ const useStyles = createStyles((theme) => ({
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0],
},
},
+ linkText: {
+ [theme.fn.smallerThan("sm")]: {
+ display: "none",
+ },
+ },
}));
-interface HeaderSearchProps {
- links: { link: string; label: string }[];
-}
-
-export function HeaderSearch({ links }: HeaderSearchProps) {
+export function HeaderSearch() {
const { classes } = useStyles();
const router = useRouter();
@@ -58,9 +47,23 @@ export function HeaderSearch({ links }: HeaderSearchProps) {
},
});
- const items = links.map((link) => (
+ const items = [
+ {
+ link: "/",
+ label: "Home",
+ icon: ,
+ },
+ {
+ link: "/statistic",
+ label: "Statistic",
+ icon: ,
+ },
+ ].map((link) => (
- {link.label}
+
+ {link.icon}
+ {link.label}
+
));
@@ -72,17 +75,12 @@ export function HeaderSearch({ links }: HeaderSearchProps) {
}
return (
-
+
));
return (
-
+
Statistic
-
+