From aecbaa3a90fdb974441d80dd75c17729abb7b355 Mon Sep 17 00:00:00 2001
From: Louis Knight-Webb <louis@bloop.ai>
Date: Tue, 8 Jul 2025 17:00:25 +0100
Subject: [PATCH] Change support for docs (vibe-kanban) (#90)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 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
---
 frontend/src/components/layout/navbar.tsx  | 19 ++++----
 frontend/src/components/support-dialog.tsx | 52 ----------------------
 2 files changed, 11 insertions(+), 60 deletions(-)
 delete mode 100644 frontend/src/components/support-dialog.tsx

diff --git a/frontend/src/components/layout/navbar.tsx b/frontend/src/components/layout/navbar.tsx
index d18f5afe..ca55cb26 100644
--- a/frontend/src/components/layout/navbar.tsx
+++ b/frontend/src/components/layout/navbar.tsx
@@ -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>
diff --git a/frontend/src/components/support-dialog.tsx b/frontend/src/components/support-dialog.tsx
deleted file mode 100644
index 8676477c..00000000
--- a/frontend/src/components/support-dialog.tsx
+++ /dev/null
@@ -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>
-    </>
-  );
-}