Improve voice command UX and add desktop home navigation
Some checks failed
CI/CD Pipeline / Lint and Test (push) Has been cancelled
CI/CD Pipeline / E2E Tests (push) Has been cancelled
CI/CD Pipeline / Build Application (push) Has been cancelled

Voice command improvements:
- Auto-start listening when voice dialog opens (removes extra tap/click)
- Added Activity option to unknown intent dialog
- Users can now speak immediately after clicking the mic button

Desktop navigation:
- Added Home icon button in top bar/header for quick navigation to main page
- Positioned between app title and user avatar

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-10-02 11:52:06 +00:00
parent 26306d7ed8
commit e79eda6a7d
5 changed files with 242 additions and 0 deletions

View File

@@ -63,6 +63,14 @@ export const MobileNav = () => {
<Typography variant="h6" component="div" sx={{ flexGrow: 1, color: 'primary.main', fontWeight: 600 }}>
Maternal
</Typography>
<IconButton
color="primary"
aria-label="home"
onClick={() => router.push('/')}
sx={{ mr: 1 }}
>
<Home />
</IconButton>
<Avatar sx={{ bgcolor: 'primary.main' }}>U</Avatar>
</Toolbar>
</AppBar>

View File

@@ -121,6 +121,11 @@ export function VoiceFloatingButton() {
setProcessingStatus(null);
setIdentifiedActivity('');
setProcessedClassificationId(null);
// Auto-start listening after dialog opens
setTimeout(() => {
startListening();
}, 300);
};
const handleClose = () => {
@@ -484,6 +489,7 @@ export function VoiceFloatingButton() {
<MenuItem value="sleep">Sleep</MenuItem>
<MenuItem value="diaper">Diaper Change</MenuItem>
<MenuItem value="medicine">Medicine</MenuItem>
<MenuItem value="activity">Activity</MenuItem>
</Select>
</FormControl>
</DialogContent>