From 6f2ac3e22b9f0b51ba9fb414d4bac5d9afe41c67 Mon Sep 17 00:00:00 2001
From: Eric Gullickson <16152721+ericgullickson@users.noreply.github.com>
Date: Sun, 11 Jan 2026 11:32:12 -0600
Subject: [PATCH] fix: Add Audit Logs navigation to Admin Console settings
 (refs #10)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The routes and screen components for AdminLogsPage were implemented but
the navigation links to access them were missing from both desktop and
mobile Settings pages.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../settings/mobile/MobileSettingsScreen.tsx  |  8 +++++++
 frontend/src/pages/SettingsPage.tsx           | 24 +++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx b/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
index e3083c5..7a02751 100644
--- a/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
+++ b/frontend/src/features/settings/mobile/MobileSettingsScreen.tsx
@@ -509,6 +509,14 @@ export const MobileSettingsScreen: React.FC = () => {
                   <div className="font-semibold">Backup & Restore</div>
                   <div className="text-sm text-primary-500 mt-1 dark:text-primary-400">Create backups and restore data</div>
                 </button>
+                <button
+                  onClick={() => navigateToScreen('AdminLogs')}
+                  className="w-full text-left p-4 bg-primary-50 text-primary-700 rounded-lg font-medium hover:bg-primary-100 transition-colors active:bg-primary-200 dark:bg-primary-900/20 dark:text-primary-300 dark:hover:bg-primary-900/30"
+                  style={{ minHeight: '44px' }}
+                >
+                  <div className="font-semibold">Audit Logs</div>
+                  <div className="text-sm text-primary-500 mt-1 dark:text-primary-400">View system activity and audit logs</div>
+                </button>
               </div>
             </div>
           </GlassCard>
diff --git a/frontend/src/pages/SettingsPage.tsx b/frontend/src/pages/SettingsPage.tsx
index a36f8b3..716925c 100644
--- a/frontend/src/pages/SettingsPage.tsx
+++ b/frontend/src/pages/SettingsPage.tsx
@@ -572,6 +572,30 @@ export const SettingsPage: React.FC = () => {
                   </MuiButton>
                 </ListItemSecondaryAction>
               </ListItem>
+              <Divider />
+              <ListItem>
+                <ListItemText
+                  primary="Audit Logs"
+                  secondary="View system activity and audit logs"
+                  sx={{ pl: 7 }}
+                />
+                <ListItemSecondaryAction>
+                  <MuiButton
+                    variant="contained"
+                    size="small"
+                    onClick={() => navigate('/garage/settings/admin/logs')}
+                    sx={{
+                      backgroundColor: 'primary.main',
+                      color: 'primary.contrastText',
+                      '&:hover': {
+                        backgroundColor: 'primary.dark'
+                      }
+                    }}
+                  >
+                    View
+                  </MuiButton>
+                </ListItemSecondaryAction>
+              </ListItem>
             </List>
           </Card>
         )}