Add a link to GitHub issues (vibe-kanban) (#172)

* Perfect! I've successfully added a GitHub issues link next to the existing docs link in the navigation bar. The changes include:

1. **Added `MessageCircleQuestion` icon import** from lucide-react
2. **Added a "Support" button** that links to `https://github.com/BloopAI/vibe-kanban/issues`
3. **Added proper spacing** between the buttons with `space-x-1`

The support link will now appear in the top navigation bar next to the "Docs" button, making it easily accessible for users who need help or want to report issues.

* prettier
This commit is contained in:
Louis Knight-Webb
2025-07-14 16:46:18 +01:00
committed by GitHub
parent 0c6892216f
commit acdf713378

View File

@@ -1,6 +1,12 @@
import { Link, useLocation } from 'react-router-dom';
import { Button } from '@/components/ui/button';
import { FolderOpen, Settings, BookOpen, Server } from 'lucide-react';
import {
FolderOpen,
Settings,
BookOpen,
Server,
MessageCircleQuestion,
} from 'lucide-react';
import { Logo } from '@/components/logo';
export function Navbar() {
@@ -51,7 +57,7 @@ export function Navbar() {
</Button>
</div>
</div>
<div className="flex items-center">
<div className="flex items-center space-x-1">
<Button asChild variant="ghost" size="sm">
<a
href="https://vibekanban.com/"
@@ -62,6 +68,16 @@ export function Navbar() {
Docs
</a>
</Button>
<Button asChild variant="ghost" size="sm">
<a
href="https://github.com/BloopAI/vibe-kanban/issues"
target="_blank"
rel="noopener noreferrer"
>
<MessageCircleQuestion className="mr-2 h-4 w-4" />
Support
</a>
</Button>
</div>
</div>
</div>