apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-23 19:05:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor: replace button elements with Button component for improved consistency and styling across additional UI components

Browse source
This commit is contained in:
Anish Sarkar 2026-05-14 15:02:46 +05:30
parent 13b2e874f6
commit c77babf39b
25 changed files with 148 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

8
surfsense_web/components/chat-comments/member-mention-picker/member-mention-item.tsx
View file

@ -1,6 +1,7 @@
"use client";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { Button } from "@/components/ui/button";
import { cn } from "@/lib/utils";
import type { MemberMentionItemProps } from "./types";
@ -25,10 +26,11 @@ export function MemberMentionItem({
const displayName = member.displayName || member.email.split("@")[0];
return (
<button
<Button
variant="ghost"
type="button"
className={cn(
"flex w-full items-center gap-3 px-3 py-2 text-left transition-colors",
"h-auto w-full justify-start gap-3 rounded-none px-3 py-2 text-left transition-colors",
isHighlighted ? "bg-primary/15 text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
)}
onClick={() => onSelect(member)}
@ -44,6 +46,6 @@ export function MemberMentionItem({
<span className="truncate text-sm font-medium">{displayName}</span>
<span className="truncate text-xs text-muted-foreground">{member.email}</span>
</div>
</button>
</Button>
);
}