YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: replace classnames with clsx

Browse Source
This commit is contained in:
Steven
2024-04-28 00:58:40 +08:00
parent 1b291422e7
commit d8aeec993c
33 changed files with 146 additions and 172 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/Navigation.tsx
View File

@ -1,5 +1,5 @@
import { Tooltip } from "@mui/joy";
import classNames from "classnames";
import clsx from "clsx";
import { useEffect } from "react";
import { NavLink } from "react-router-dom";
import useCurrentUser from "@/hooks/useCurrentUser";
@ -122,17 +122,14 @@ const Navigation = (props: Props) => {
return (
<header
className={classNames(
"w-full h-full overflow-auto flex flex-col justify-start items-start py-4 md:pt-6 z-30 hide-scrollbar",
className,
)}
className={clsx("w-full h-full overflow-auto flex flex-col justify-start items-start py-4 md:pt-6 z-30 hide-scrollbar", className)}
>
<UserBanner collapsed={collapsed} />
<div className="w-full px-1 py-2 flex flex-col justify-start items-start shrink-0 space-y-2">
{navLinks.map((navLink) => (
<NavLink
className={({ isActive }) =>
classNames(
clsx(
"px-2 py-2 rounded-2xl border flex flex-row items-center text-lg text-gray-800 dark:text-gray-400 hover:bg-white hover:border-gray-200 dark:hover:border-zinc-700 dark:hover:bg-zinc-800",
collapsed ? "" : "w-full px-4",
isActive ? "bg-white drop-shadow-sm dark:bg-zinc-800 border-gray-200 dark:border-zinc-700" : "border-transparent",