diff --git a/src/components/layout/app-bar.tsx b/src/components/layout/app-bar.tsx index e67ee45..bad5f67 100644 --- a/src/components/layout/app-bar.tsx +++ b/src/components/layout/app-bar.tsx @@ -11,12 +11,12 @@ import { LayoutGrid, Library, ListFilter, + Menu, + MessageCircle, Monitor, Moon, Plus, Search, - Settings, - Settings2, SortAsc, Sparkles, Sun, @@ -50,7 +50,7 @@ import { } from "@/components/ui/dropdown-menu"; import { Input } from "@/components/ui/input"; import { useDebouncedCallback } from "@/hooks/use-debounced-callback"; -import { PreferencesDialog } from "./preferences-dialog"; +import { FeedbackDialog } from "./feedback-dialog"; import { SupportDialog } from "./support-dialog"; type ViewMode = "grid" | "table" | "series"; @@ -95,7 +95,7 @@ export function AppBar({ const [mounted, setMounted] = useState(false); const [clearDialogOpen, setClearDialogOpen] = useState(false); const [supportDialogOpen, setSupportDialogOpen] = useState(false); - const [preferencesDialogOpen, setPreferencesDialogOpen] = useState(false); + const [feedbackDialogOpen, setFeedbackDialogOpen] = useState(false); const importInputRef = useRef(null); // Local search state for responsive input, debounced propagation to parent @@ -327,7 +327,7 @@ export function AppBar({ Upload - {/* Settings menu */} + {/* More menu */} @@ -399,16 +399,6 @@ export function AppBar({ )} - - App - - setPreferencesDialogOpen(true)} - > - - Preferences - - Storage @@ -441,6 +431,10 @@ export function AppBar({ Support + setFeedbackDialogOpen(true)}> + + Feedback + @@ -486,9 +480,9 @@ export function AppBar({ open={supportDialogOpen} onOpenChange={setSupportDialogOpen} /> - ); diff --git a/src/components/layout/feedback-dialog.tsx b/src/components/layout/feedback-dialog.tsx new file mode 100644 index 0000000..ce6dd11 --- /dev/null +++ b/src/components/layout/feedback-dialog.tsx @@ -0,0 +1,98 @@ +"use client"; + +import { Github, Mail, Twitter } from "lucide-react"; +import { + Dialog, + DialogContent, + DialogHeader, + DialogTitle, +} from "@/components/ui/dialog"; + +interface FeedbackDialogProps { + open: boolean; + onOpenChange: (open: boolean) => void; +} + +export function FeedbackDialog({ open, onOpenChange }: FeedbackDialogProps) { + return ( + + + + feedback + + +
+

+ have feedback, a bug report, or a feature request? here are some + ways to get in touch: +

+ + {/* 1. Open a GitHub issue */} + +
+ +
+
open a github issue
+
+ report bugs or request features +
+
+
+
+ + {/* 2. Contact on social media */} +
+
+ +
+
get in touch
+
+ reach out on social media or send an email +
+
+
+ + +
+
+
+
+ ); +}