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:
34
components/changelog/changelog-link.tsx
Normal file
34
components/changelog/changelog-link.tsx
Normal 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>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import { ChangelogLink } from "@/components/changelog/changelog-link";
|
||||||
import { FeedbackDialog } from "@/components/feedback/feedback-dialog";
|
import { FeedbackDialog } from "@/components/feedback/feedback-dialog";
|
||||||
import { NotificationBell } from "@/components/notificacoes/notification-bell";
|
import { NotificationBell } from "@/components/notificacoes/notification-bell";
|
||||||
import { SidebarTrigger } from "@/components/ui/sidebar";
|
import { SidebarTrigger } from "@/components/ui/sidebar";
|
||||||
@@ -28,6 +29,7 @@ export async function SiteHeader({ notificationsSnapshot }: SiteHeaderProps) {
|
|||||||
<PrivacyModeToggle />
|
<PrivacyModeToggle />
|
||||||
<AnimatedThemeToggler />
|
<AnimatedThemeToggler />
|
||||||
<span className="text-muted-foreground">|</span>
|
<span className="text-muted-foreground">|</span>
|
||||||
|
<ChangelogLink />
|
||||||
<FeedbackDialog />
|
<FeedbackDialog />
|
||||||
<LogoutButton />
|
<LogoutButton />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user