0fa8978395
Mobile app: - Révision flashcards : liste decks, session flip-card SM-2, couleurs harmonisées web - Génération flashcards depuis note (FlashcardSheet + route /api/mobile/flashcards/generate) - Audio Whisper : hook useAudioRecorder reécrit, MicButton avec erreurs - IA : AISheet (améliorer/clarifier/résumer), TitleSheet (titre automatique) - Suppression note (soft delete + confirmation Alert) - Note du jour : titre lisible + HTML (plus JSON TipTap brut) - Parser TipTap→HTML côté mobile (tipTapToHtml) - Icône 🎓 dans header note → génération flashcards - Endpoint flashcardGenerate dans config.ts Web fixes: - Bug flashcards groupées par carnet → deck par note (migration + schema) - Bug filtre 'cartes dues' ignoré (suppression fallback buildSessionQueue) - Suppression UI création deck manuelle (inutile) - Fix setViewType is not defined dans home-client.tsx Drag handle menu: - Fix : clearNodes() avant transformation (heading→liste/code/citation) - Ajout : option 'Texte' (paragraphe) dans Transformer en - Ajout : Monter / Descendre le bloc - Ajout : Copier le contenu du bloc - Fix : sous-menu hover stable (délai 200ms) - Fix : Supprimer en rouge via classe --danger (plus :first-child) - i18n : nouvelles clés dans 15 locales Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
/**
|
|
* MicButton — bouton enregistrement vocal avec feedback visuel
|
|
* États : idle → recording (pulsé rouge) → processing (spinner)
|
|
*/
|
|
import { useEffect, useRef } from 'react'
|
|
import { TouchableOpacity, ActivityIndicator, Animated, StyleSheet, View, Text } from 'react-native'
|
|
import { Mic, MicOff, Square } from 'lucide-react-native'
|
|
import { AudioState } from '@/lib/useAudioRecorder'
|
|
import { C } from '@/lib/theme'
|
|
|
|
interface Props {
|
|
state: AudioState
|
|
onPress: () => void
|
|
errorMsg?: string | null
|
|
size?: number
|
|
}
|
|
|
|
export function MicButton({ state, onPress, errorMsg, size = 20 }: Props) {
|
|
const pulse = useRef(new Animated.Value(1)).current
|
|
|
|
useEffect(() => {
|
|
if (state === 'recording') {
|
|
Animated.loop(
|
|
Animated.sequence([
|
|
Animated.timing(pulse, { toValue: 1.25, duration: 600, useNativeDriver: true }),
|
|
Animated.timing(pulse, { toValue: 1, duration: 600, useNativeDriver: true }),
|
|
])
|
|
).start()
|
|
} else {
|
|
pulse.stopAnimation()
|
|
pulse.setValue(1)
|
|
}
|
|
}, [state])
|
|
|
|
const bgColor =
|
|
state === 'recording' ? '#fee2e2' :
|
|
state === 'processing' ? '#f3ece4' :
|
|
state === 'error' ? '#fee2e2' :
|
|
'#f3ece4'
|
|
|
|
const borderColor =
|
|
state === 'recording' ? '#fca5a5' :
|
|
state === 'error' ? '#fca5a5' :
|
|
C.border
|
|
|
|
return (
|
|
<Animated.View style={[s.wrap, { backgroundColor: bgColor, borderColor }, { transform: [{ scale: state === 'recording' ? pulse : 1 }] }]}>
|
|
<TouchableOpacity onPress={onPress} disabled={state === 'processing'} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
|
|
{state === 'processing'
|
|
? <ActivityIndicator size="small" color={C.brand} />
|
|
: state === 'recording'
|
|
? <Square size={size - 2} color="#e11d48" />
|
|
: state === 'error'
|
|
? <MicOff size={size} color="#e11d48" />
|
|
: <Mic size={size} color={C.brand} />}
|
|
</TouchableOpacity>
|
|
</Animated.View>
|
|
)
|
|
}
|
|
|
|
const s = StyleSheet.create({
|
|
wrap: {
|
|
width: 40, height: 40, borderRadius: 12,
|
|
borderWidth: 1, alignItems: 'center', justifyContent: 'center',
|
|
},
|
|
})
|