diff --git a/app/(tabs-user)/diary.tsx b/app/(tabs-user)/diary.tsx index ddaab1e..926ee27 100644 --- a/app/(tabs-user)/diary.tsx +++ b/app/(tabs-user)/diary.tsx @@ -293,118 +293,120 @@ export default function DiaryScreen() { > {/* 상단 질문 컴포넌트 */} - + {isFetchingRandomQuestion ? "질문을 불러오는 중입니다" : (randomQuestion?.question?.content ?? "")} - - {/* 녹음 타이머 - 비주얼라이저 위쪽 */} - - - - {/* 녹음 파형 컴포넌트 */} - - 0 - } - durationMillis={recordingState.durationMillis} - metering={recordingState.metering} - heightAnimValue={waveHeightAnim} - /> - - - - - {!recordingState.isRecording && - recordingState.durationMillis > 0 && - !isSaving && ( - - - - )} - {/* 녹음 조정 버튼 - 항상 가운데 */} - - {/* 뒤쪽 링 - 녹음 중일 때만 표시되고 비주얼라이저에 비례해 커짐 */} - {recordingState.isRecording && ( - + + {/* 녹음 타이머 - 비주얼라이저 위쪽 */} + + - )} - {/* 실제 버튼 - 크기 고정 */} - - + {/* 녹음 파형 컴포넌트 */} + + 0 + } + durationMillis={recordingState.durationMillis} + metering={recordingState.metering} + heightAnimValue={waveHeightAnim} /> - + - {!recordingState.isRecording && - recordingState.durationMillis > 0 && - !isSaving && ( + + {!recordingState.isRecording && + recordingState.durationMillis > 0 && + !isSaving && ( + + + + )} + {/* 녹음 조정 버튼 - 항상 가운데 */} + + {/* 뒤쪽 링 - 녹음 중일 때만 표시되고 비주얼라이저에 비례해 커짐 */} + {recordingState.isRecording && ( + + )} + {/* 실제 버튼 - 크기 고정 */} + + + + + + {!recordingState.isRecording && + recordingState.durationMillis > 0 && + !isSaving && ( + + + + )} + {isSaving && ( )} - {isSaving && ( - - - - )} - - - - - {currentBubbleText} - - + + + + + {currentBubbleText} + + + diff --git a/shared/ui/audio/recording-timer.tsx b/shared/ui/audio/recording-timer.tsx index 0c60864..6f853f4 100644 --- a/shared/ui/audio/recording-timer.tsx +++ b/shared/ui/audio/recording-timer.tsx @@ -33,7 +33,7 @@ export function RecordingTimer({ style={{ width: 18, height: 18 }} /> )} - + {formatTime(duration)}