padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(nostr): Add connecting state to Nostr connection management

Browse source 
- Introduce `isConnecting` state in useNostr composable
- Update ConnectionStatus component to handle connecting state
- Add warning variant to Badge for connecting status
- Implement dynamic status text, color, and animation for connection states
- Modify App.vue to pass new isConnecting prop to ConnectionStatus
This commit is contained in:
padreug 2025-03-09 15:21:31 +01:00
parent 0923731ee9
commit 18ece1e3e7
5 changed files with 52 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/ui/badge/index.ts
View file

@ -15,6 +15,8 @@ export const badgeVariants = cva(
'border-transparent bg-destructive/10 text-destructive hover:bg-destructive/20',
success:
'border-transparent bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400',
warning:
'border-transparent bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400',
outline: 'border-border text-foreground hover:bg-accent hover:text-accent-foreground',
},
},