jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-04-17 10:08:43 -04:00
Code Issues Activity

properly merge multiple class names

Browse Source
This commit is contained in:
Jake Jarvis
2022-01-20 10:38:18 -05:00
parent 0462428a54
commit 2162e9d563
10 changed files with 47 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/Menu/Menu.tsx
View File

@@ -1,5 +1,6 @@
import { memo } from "react";
import Link from "next/link";
import classNames from "classnames";
import ThemeToggle from "../ThemeToggle/ThemeToggle";
import { HomeIcon, NotesIcon, ProjectsIcon, ContactIcon } from "../Icons";
@@ -7,22 +8,22 @@ import styles from "./Menu.module.css";
const links = [
{
icon: <HomeIcon className={`icon ${styles.icon}`} />,
icon: <HomeIcon className={classNames("icon", styles.icon)} />,
text: "Home",
href: "/",
},
{
icon: <NotesIcon className={`icon ${styles.icon}`} />,
icon: <NotesIcon className={classNames("icon", styles.icon)} />,
text: "Notes",
href: "/notes/",
},
{
icon: <ProjectsIcon className={`icon ${styles.icon}`} />,
icon: <ProjectsIcon className={classNames("icon", styles.icon)} />,
text: "Projects",
href: "/projects/",
},
{
icon: <ContactIcon className={`icon ${styles.icon}`} />,
icon: <ContactIcon className={classNames("icon", styles.icon)} />,
text: "Contact",
href: "/contact/",
},