daonanchao/vibe-kanban
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change support for docs (vibe-kanban) (#90)

Browse Source 
* Perfect! The build completed successfully. The changes have been implemented:

✅ **Removed Support functionality**: Deleted the `support-dialog.tsx` component and removed its import from the navbar
✅ **Added Docs link**: Replaced the Support button with a Docs link that opens https://vibekanban.com/ in a new tab
✅ **Updated icons**: Changed from `HelpCircle` to `BookOpen` icon for the Docs link
✅ **Build passes**: Frontend builds successfully without errors

The navbar now shows a "Docs" button instead of "Support" that links to the specified URL.

* prettier
This commit is contained in:
Louis Knight-Webb
2025-07-08 17:00:25 +01:00
committed by GitHub
parent 5d256c243a
commit aecbaa3a90
2 changed files with 11 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/layout/navbar.tsx
View File

@@ -1,8 +1,7 @@
import { Link, useLocation } from 'react-router-dom';
import { Button } from '@/components/ui/button';
import { FolderOpen, Settings, HelpCircle, Server } from 'lucide-react';
import { FolderOpen, Settings, BookOpen, Server } from 'lucide-react';
import { Logo } from '@/components/logo';
import { SupportDialog } from '@/components/support-dialog';
export function Navbar() {
const location = useLocation();
@@ -53,12 +52,16 @@ export function Navbar() {
</div>
</div>
<div className="flex items-center">
<SupportDialog>
<Button variant="ghost" size="sm">
<HelpCircle className="mr-2 h-4 w-4" />
Support
</Button>
</SupportDialog>
<Button asChild variant="ghost" size="sm">
<a
href="https://vibekanban.com/"
target="_blank"
rel="noopener noreferrer"
>
<BookOpen className="mr-2 h-4 w-4" />
Docs
</a>
</Button>
</div>
</div>
</div>

52
frontend/src/components/support-dialog.tsx
View File

@@ -1,52 +0,0 @@
import { useState, ReactNode } from 'react';
import { HelpCircle, Mail } from 'lucide-react';
import { Button } from '@/components/ui/button';
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
} from '@/components/ui/dialog';
interface SupportDialogProps {
children: ReactNode;
}
export function SupportDialog({ children }: SupportDialogProps) {
const [isOpen, setIsOpen] = useState(false);
const handleEmailClick = () => {
window.location.href = 'mailto:louis@bloop.ai';
};
return (
<>
<div onClick={() => setIsOpen(true)}>{children}</div>
<Dialog open={isOpen} onOpenChange={setIsOpen}>
<DialogContent>
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<HelpCircle className="h-5 w-5" />
Support
</DialogTitle>
<DialogDescription>
Have questions or need help? I'm here to assist you!
</DialogDescription>
</DialogHeader>
<div className="space-y-4">
<p className="text-sm text-muted-foreground">
Email me at{' '}
<strong className="text-foreground">louis@bloop.ai</strong> with
any questions and I'll respond ASAP.
</p>
<Button onClick={handleEmailClick} className="w-full">
<Mail className="mr-2 h-4 w-4" />
Send Email
</Button>
</div>
</DialogContent>
</Dialog>
</>
);
}