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

6
web/src/components/Inbox/MemoCommentMessage.tsx
View File

@ -1,5 +1,5 @@
import { Tooltip } from "@mui/joy";
import classNames from "classnames";
import clsx from "clsx";
import { useEffect, useState } from "react";
import toast from "react-hot-toast";
import { activityServiceClient } from "@/grpcweb";
@ -73,7 +73,7 @@ const MemoCommentMessage = ({ inbox }: Props) => {
return (
<div className="w-full flex flex-row justify-start items-start gap-3">
<div
className={classNames(
className={clsx(
"shrink-0 mt-2 p-2 rounded-full border",
inbox.status === Inbox_Status.UNREAD
? "border-blue-600 text-blue-600 bg-blue-50 dark:bg-zinc-800"
@ -85,7 +85,7 @@ const MemoCommentMessage = ({ inbox }: Props) => {
</Tooltip>
</div>
<div
className={classNames(
className={clsx(
"border w-full p-3 px-4 rounded-lg flex flex-col justify-start items-start gap-2 dark:border-zinc-700 hover:bg-gray-100 dark:hover:bg-zinc-700",
inbox.status !== Inbox_Status.UNREAD && "opacity-60",
)}