diff --git a/src/app/components/VoiceMessageRecorder.tsx b/src/app/components/VoiceMessageRecorder.tsx index c8de02d1e..77f40fe87 100644 --- a/src/app/components/VoiceMessageRecorder.tsx +++ b/src/app/components/VoiceMessageRecorder.tsx @@ -1,5 +1,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react'; import { Box, Icon, IconButton, Icons, Text, config, toRem } from 'folds'; +import { useSetting } from '../state/hooks/settings'; +import { settingsAtom } from '../state/settings'; type RecorderState = 'idle' | 'recording' | 'preview'; @@ -31,6 +33,7 @@ function normalizeWaveform(samples: number[]): number[] { const WAVEFORM_BARS = 40; export function VoiceMessageRecorder({ onSend, onError }: VoiceRecorderProps) { + const [lotusTerminal] = useSetting(settingsAtom, 'lotusTerminal'); const [state, setState] = useState('idle'); const [durationMs, setDurationMs] = useState(0); const [waveformBars, setWaveformBars] = useState(Array(WAVEFORM_BARS).fill(0)); @@ -200,12 +203,21 @@ export function VoiceMessageRecorder({ onSend, onError }: VoiceRecorderProps) { width: toRem(8), height: toRem(8), borderRadius: '50%', - background: 'var(--tc-danger-normal)', + background: lotusTerminal ? '#FF6B00' : 'var(--tc-danger-normal)', flexShrink: 0, animation: 'pttLivePulse 900ms ease-in-out infinite', }} /> - + {formatDuration(durationMs)}