feat(header): adiciona link para changelog no dashboard

- Cria componente ChangelogLink com tooltip
- Adiciona link para /changelog ao lado do feedback
- Segue o padrão dos componentes existentes
This commit is contained in:
Felipe Coutinho
2026-01-20 15:20:49 +00:00
parent 3086aa34c4
commit 9f0585e3bb
2 changed files with 36 additions and 0 deletions

View File

@@ -0,0 +1,34 @@
"use client";
import { buttonVariants } from "@/components/ui/button";
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from "@/components/ui/tooltip";
import { cn } from "@/lib/utils";
import { RiGitCommitLine } from "@remixicon/react";
import Link from "next/link";
export function ChangelogLink() {
return (
<Tooltip>
<TooltipTrigger asChild>
<Link
href="/changelog"
className={cn(
buttonVariants({ variant: "ghost", size: "icon-sm" }),
"group relative text-muted-foreground transition-all duration-200",
"hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/40 border",
)}
>
<RiGitCommitLine className="size-4" />
<span className="sr-only">Changelog</span>
</Link>
</TooltipTrigger>
<TooltipContent side="bottom" sideOffset={8}>
Changelog
</TooltipContent>
</Tooltip>
);
}

View File

@@ -1,3 +1,4 @@
import { ChangelogLink } from "@/components/changelog/changelog-link";
import { FeedbackDialog } from "@/components/feedback/feedback-dialog";
import { NotificationBell } from "@/components/notificacoes/notification-bell";
import { SidebarTrigger } from "@/components/ui/sidebar";
@@ -28,6 +29,7 @@ export async function SiteHeader({ notificationsSnapshot }: SiteHeaderProps) {
<PrivacyModeToggle />
<AnimatedThemeToggler />
<span className="text-muted-foreground">|</span>
<ChangelogLink />
<FeedbackDialog />
<LogoutButton />
</div>