diff --git a/src/screens/CaptureScreen.tsx b/src/screens/CaptureScreen.tsx index dcddef7..642e498 100644 --- a/src/screens/CaptureScreen.tsx +++ b/src/screens/CaptureScreen.tsx @@ -3,6 +3,8 @@ import { Pressable, StyleSheet, Text, View } from 'react-native'; import { Activity, Battery, + ChevronRight, + Lock, RadioTower, ShieldCheck, Timer, @@ -133,18 +135,29 @@ export function CaptureScreen({ {!monitor.batteryOptimizationIgnored ? ( { monitor.openBatterySettings().catch(() => undefined); }} - style={styles.batteryPrompt} + style={({ pressed }) => [ + styles.batteryPrompt, + pressed ? styles.batteryPressed : null, + ]} > - - Manter com tela bloq - - - Toque para abrir a configura\ç\ão de bateria e remover restri\ç\ões do - FightRate. - + + + + + AVISO DE SISTEMA + Tela bloqueada + + Toque para liberar a captura contínua em background. + + + + + ) : null} @@ -402,20 +415,50 @@ const styles = StyleSheet.create({ borderColor: colors.line, }, batteryPrompt: { + flexDirection: 'row', + alignItems: 'center', + gap: spacing.md, borderWidth: 1, + borderLeftWidth: 4, borderColor: colors.warning, borderRadius: radius.md, - backgroundColor: colors.surfaceHot, + backgroundColor: 'rgba(255, 180, 61, 0.08)', padding: spacing.md, }, - batteryPromptTitle: { + batteryPressed: { + opacity: 0.72, + }, + batteryIconWrap: { + width: 32, + alignItems: 'center', + paddingTop: 2, + }, + batteryCopy: { + flex: 1, + gap: 2, + }, + batteryEyebrow: { ...typography.label, color: colors.warning, + fontSize: 9, }, - batteryPromptText: { + batteryTitle: { + color: colors.text, + fontSize: 20, + lineHeight: 24, + fontWeight: '900', + letterSpacing: -0.6, + }, + batteryHint: { ...typography.body, color: colors.textMuted, - marginTop: spacing.xs, + fontSize: 13, + lineHeight: 17, + }, + batteryChevron: { + width: 18, + alignItems: 'center', + justifyContent: 'center', }, actionGrid: { gap: spacing.sm,