refactor: replace button with Button component in TeamDetailView for improved styling

- Updated the headerExtra section in TeamDetailView to use a Button component instead of a button element, enhancing the visual consistency and styling.
- Adjusted the Button properties to align with the design system, including variant and size adjustments.
This commit is contained in:
iliya 2026-02-25 18:25:26 +02:00
parent 1498350cb1
commit 0ab2b8d769

View file

@ -1013,9 +1013,10 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
headerExtra={ headerExtra={
<Tooltip> <Tooltip>
<TooltipTrigger asChild> <TooltipTrigger asChild>
<button <Button
type="button" variant="ghost"
className="pointer-events-auto rounded p-0.5 text-[var(--color-text-muted)] transition-colors hover:text-[var(--color-text-secondary)]" size="sm"
className="pointer-events-auto size-6 p-0 text-[var(--color-text-muted)] hover:text-[var(--color-text-secondary)]"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
void window.electronAPI.openExternal( void window.electronAPI.openExternal(
@ -1024,7 +1025,7 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
}} }}
> >
<Bell size={12} /> <Bell size={12} />
</button> </Button>
</TooltipTrigger> </TooltipTrigger>
<TooltipContent side="top">Desktop notifications plugin</TooltipContent> <TooltipContent side="top">Desktop notifications plugin</TooltipContent>
</Tooltip> </Tooltip>