From 513dfa21a71e02b0f18199d079069cc67e996a24 Mon Sep 17 00:00:00 2001 From: neon <18559658+neonsolstice@users.noreply.github.com> Date: Fri, 22 May 2026 17:10:22 +0000 Subject: [PATCH] feat(client): add docs and github star actions to app header improve header discoverability with quick access to documentation and community support actions. keep the github prompt in a dismissible popover to avoid adding noise to the main navigation. --- client/src/components/AppHeader.vue | 79 +++++++++++++++++++++++++++++ 1 file changed, 79 insertions(+) diff --git a/client/src/components/AppHeader.vue b/client/src/components/AppHeader.vue index 0242468f1..f4ddefe17 100644 --- a/client/src/components/AppHeader.vue +++ b/client/src/components/AppHeader.vue @@ -14,6 +14,9 @@ import { Trophy, User, MoreVertical, + BadgeQuestionMark, + Star, + ExternalLink, } from 'lucide-vue-next' import { useRouter, useRoute } from 'vue-router' import { toast } from 'vue-sonner' @@ -60,6 +63,9 @@ const { onLibraryUploadCompleted } = useLibraryUploadEvents() const { summary: bookDockSummary, fetchSummary: fetchBookDockSummary, subscribe: subscribeBookDockSummary } = useBookDockSummary() const { subscribe: subscribeNotifications } = useNotifications() const themeStore = useThemeStore() +const documentationUrl = 'https://bookorbit.app/what-is-bookorbit.html' +const githubRepositoryUrl = 'https://github.com/bookorbit/bookorbit' +const githubStarPopoverOpen = ref(false) const isBookDockActive = computed(() => route.name === 'book-dock') const isAchievementsActive = computed(() => route.name === 'achievements') @@ -141,6 +147,14 @@ function closeMobileSearch() { clearSearch() } +function handleGithubStarPopoverOpenChange(open: boolean) { + githubStarPopoverOpen.value = open +} + +function closeGithubStarPopover() { + githubStarPopoverOpen.value = false +} + function navigateToResult(result: GlobalSearchResult) { clearSearch() mobileSearchOpen.value = false @@ -640,6 +654,71 @@ function formatBadgeClass(fmt: string): string {