chore: add more screenshots (#1155)

app/router/demomode.go

@@ -68,7 +68,7 @@ func isDemoMode(ctx context.Context, queries *sqlc.Queries) bool {
 			}
 		}
 
-		return true, nil
+		return len(features) > 0, nil
 	}); err != nil {
 		slog.ErrorContext(ctx, "Failed to check demo mode", "error", err)
 

ui/screenshot.sh

@@ -9,6 +9,10 @@ files=(
   "ticket.png"
   "tasks.png"
   "reactions.png"
+  "settings.png"
+  "users.png"
+  "groups.png"
+  "types.png"
 )
 
 for file in "${files[@]}"; do

ui/screenshots/docs-screenshots.spec.ts

@@ -49,3 +49,42 @@ test('reactions screenshot', async ({ page }) => {
   await page.waitForTimeout(7000)
   await page.screenshot({ path: screenshot('reactions') })
 })
+
+test('settings screenshot', async ({ page }) => {
+  await login(page, true)
+  await page.goto('settings')
+  await expect(page.getByRole('heading', { name: 'Settings' })).toBeVisible()
+  await page.getByText("Toggle Sidebar").click()
+  await page.waitForTimeout(7000)
+  await page.screenshot({ path: screenshot('settings') })
+})
+
+test('users screenshot', async ({ page }) => {
+  await login(page, true)
+  await page.goto('users')
+  await expect(page.getByRole('heading', { name: 'Users' })).toBeVisible()
+  await page.getByText("Toggle Sidebar").click()
+  await page.getByText("Test User").click()
+  await page.waitForTimeout(7000)
+  await page.screenshot({ path: screenshot('users') })
+})
+
+test('groups screenshot', async ({ page }) => {
+  await login(page, true)
+  await page.goto('groups')
+  await expect(page.getByRole('heading', { name: 'Groups' })).toBeVisible()
+  await page.getByText("Toggle Sidebar").click()
+  await page.getByText("Analyst").click()
+  await page.waitForTimeout(7000)
+  await page.screenshot({ path: screenshot('groups') })
+})
+
+test('types screenshot', async ({ page }) => {
+  await login(page, true)
+  await page.goto('types')
+  await expect(page.getByRole('heading', { name: 'Types' })).toBeVisible()
+  await page.getByText("Toggle Sidebar").click()
+  await page.locator('main').getByText("Incident").click()
+  await page.waitForTimeout(7000)
+  await page.screenshot({ path: screenshot('types') })
+})

ui/src/components/layout/SideBar.vue

@@ -109,6 +109,19 @@ const initials = (user: { name?: string } | undefined) => {
         </SidebarMenu>
       </SidebarHeader>
       <SidebarContent>
+        <SidebarGroup>
+          <SidebarGroupLabel>Overview</SidebarGroupLabel>
+          <SidebarMenu>
+            <SidebarMenuItem>
+              <SidebarMenuButton :tooltip="'Dashboard'" as-child>
+                <RouterLink to="/dashboard">
+                  <Icon name="LayoutDashboard" class="size-4" />
+                  <span>Dashboard</span>
+                </RouterLink>
+              </SidebarMenuButton>
+            </SidebarMenuItem>
+          </SidebarMenu>
+        </SidebarGroup>
         <SidebarGroup>
           <SidebarGroupLabel>Tickets</SidebarGroupLabel>
           <SidebarMenu>

ui/src/components/ui/sidebar/utils.ts

@@ -6,7 +6,7 @@ export const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
 export const SIDEBAR_WIDTH = '16rem'
 export const SIDEBAR_WIDTH_MOBILE = '18rem'
 export const SIDEBAR_WIDTH_ICON = '3rem'
-export const SIDEBAR_KEYBOARD_SHORTCUT = 'b'
+export const SIDEBAR_KEYBOARD_SHORTCUT = '`'
 
 export const [useSidebar, provideSidebarContext] = createContext<{
   state: ComputedRef<'expanded' | 'collapsed'>

ui/src/views/LoginView.vue

@@ -86,7 +86,7 @@ watch(
         <Input
           v-model="mail"
           type="text"
-          placeholder="Username"
+          placeholder="Email"
           class="w-full"
           @keydown.enter="login"
         />

ui/tests/e2e/util.ts

@@ -19,9 +19,9 @@ export const test = baseTest.extend({
 export const login = async (page, admin: boolean = true) => {
   await page.goto('login')
   if (admin) {
-    await page.getByPlaceholder('Username').fill('admin@catalyst-soar.com')
+    await page.getByPlaceholder('Email').fill('admin@catalyst-soar.com')
   } else {
-    await page.getByPlaceholder('Username').fill('user@catalyst-soar.com')
+    await page.getByPlaceholder('Email').fill('user@catalyst-soar.com')
   }
   await page.getByPlaceholder('Password').fill('1234567890')
   await page.getByRole('button', { name: 'Login' }).click()