Add Report a Bug link to the sidebar

Sits in the sidebar footer below Settings and above the Light/Dark toggle, visible to everyone including guests, and opens the team's SharePoint bug list in a new tab with rel=noopener.

The URL is a development placeholder for the wilm pre-production window, marked as such in a comment next to the constant so it is not mistaken for a shipped integration. Styling matches .theme-toggle exactly and uses fixed white alphas rather than theme tokens, because the sidebar is dark in both themes - a var(--text-*) here would resolve to a dark colour on a dark sidebar in light mode and vanish, which is the same trap the lock modal hit earlier.
This commit is contained in:
benjamin.baker
2026-09-07 12:48:15 -04:00
parent 5de6a2b170
commit 3626d7dd2e
2 changed files with 37 additions and 1 deletions

View File

@@ -49,6 +49,12 @@
</nav>
<div class="sidebar-footer">
<!-- Temporary: points at the team's SharePoint bug list while the wilm
branch is in pre-production. Swap for a real intake before rollout. -->
<a :href="BUG_REPORT_URL" target="_blank" rel="noopener noreferrer" class="bug-report-link">
<Bug :size="14" /> Report a Bug
</a>
<button class="theme-toggle" @click="toggleTheme" :title="currentTheme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'">
<span v-if="currentTheme === 'dark'"><Sun :size="14" /> Light</span>
<span v-else><Moon :size="14" /> Dark</span>
@@ -119,10 +125,17 @@ import ToastHost from '../components/ToastHost.vue'
import {
Sun, Moon, LayoutDashboard, Calendar, Map, Cog, Monitor,
Printer, Globe, Usb, AppWindow, BookOpen, BarChart3, Bell, Image, ShieldCheck, Ruler,
Box, KeyRound, LogOut, Wrench, Activity
Box, KeyRound, LogOut, Wrench, Activity, Bug
} from 'lucide-vue-next'
import { useAuthStore } from '../stores/auth'
import { currentTheme, toggleTheme } from '../stores/theme'
// Temporary destination for the sidebar "Report a Bug" link: the team's
// SharePoint bug list, used while the wilm branch is in pre-production. This is
// a development placeholder, not a shipped integration - replace it with a real
// intake (or a configurable setting) before this reaches other sites.
const BUG_REPORT_URL = 'https://ge.sharepoint.us/:l:/s/ShopDB/JAAAYPxXpvFMTZOj6ndg3nXlAXJtE7G2BHG1nu5tCtWrDxM?nav=YTU5YzAzZDMtNmY5MC00N2Q3LWI2NDItNjMwM2MxNDU2Y2Rk'
import { dashboardApi, notificationsApi } from '../api'
import { fiscalWeek } from '@/utils/fiscalWeek'
import { getFacilityName, getSiteLogo, getServicenowUrls, getEnvLabel } from '../utils/siteSettings'