fix: Add Audit Logs navigation to Admin Console settings (refs #10)
Some checks failed
Deploy to Staging / Deploy to Staging (push) Has been cancelled
Deploy to Staging / Verify Staging (push) Has been cancelled
Deploy to Staging / Notify Staging Ready (push) Has been cancelled
Deploy to Staging / Notify Staging Failure (push) Has been cancelled
Deploy to Staging / Build Images (push) Has been cancelled
Deploy to Staging / Build Images (pull_request) Successful in 2m36s
Deploy to Staging / Deploy to Staging (pull_request) Successful in 37s
Deploy to Staging / Verify Staging (pull_request) Successful in 6s
Deploy to Staging / Notify Staging Ready (pull_request) Successful in 5s
Deploy to Staging / Notify Staging Failure (pull_request) Has been skipped

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>
This commit is contained in:
Eric Gullickson
2026-01-11 11:32:12 -06:00
parent 80275c1670
commit 6f2ac3e22b
2 changed files with 32 additions and 0 deletions

View File

@@ -509,6 +509,14 @@ export const MobileSettingsScreen: React.FC = () => {
<div className="font-semibold">Backup & Restore</div> <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> <div className="text-sm text-primary-500 mt-1 dark:text-primary-400">Create backups and restore data</div>
</button> </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>
</div> </div>
</GlassCard> </GlassCard>

View File

@@ -572,6 +572,30 @@ export const SettingsPage: React.FC = () => {
</MuiButton> </MuiButton>
</ListItemSecondaryAction> </ListItemSecondaryAction>
</ListItem> </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> </List>
</Card> </Card>
)} )}