- 토론을 끝내셨군요!
- 지금까지의 시간표를 로그인하고 저장할까요?
+
+ {t('토론을 끝내셨군요!\n지금까지의 시간표를 로그인하고 저장할까요?')}
diff --git a/src/page/TimerPage/components/NormalTimer.tsx b/src/page/TimerPage/components/NormalTimer.tsx
index c74af4f2..0ea538af 100644
--- a/src/page/TimerPage/components/NormalTimer.tsx
+++ b/src/page/TimerPage/components/NormalTimer.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
import { TimeBoxInfo } from '../../../type/type';
import TimerController from './TimerController';
import { Formatting } from '../../../util/formatting';
@@ -7,6 +8,7 @@ import DTDebate from '../../../components/icons/Debate';
import CompactTimeoutTimer from './CompactTimeoutTimer';
import useCircularTimerAnimation from '../hooks/useCircularTimerAnimation';
import useBreakpoint from '../../../hooks/useBreakpoint';
+import { normalizeSpeechTypeKey } from '../../../util/speechType';
type NormalTimerInstance = {
timer: number | null;
@@ -33,6 +35,11 @@ export default function NormalTimer({
item,
teamName,
}: NormalTimerProps) {
+ const { t } = useTranslation();
+ const getSpeechTypeLabel = (value: string) => {
+ const normalized = normalizeSpeechTypeKey(value);
+ return normalized ? t(normalized) : value;
+ };
const {
timer,
isAdditionalTimerOn,
@@ -48,7 +55,7 @@ export default function NormalTimer({
Math.floor(Math.abs(totalTime) / 60),
);
const second = Formatting.formatTwoDigits(Math.abs(totalTime % 60));
- const titleText = item.speechType;
+ const titleText = getSpeechTypeLabel(item.speechType);
const rawProgress =
timer !== null && item.time ? ((item.time - timer) / item.time) * 100 : 0;
const progressMotionValue = useCircularTimerAnimation(rawProgress, isRunning);
@@ -76,9 +83,9 @@ export default function NormalTimer({
- {teamName && teamName + ' 팀'}
- {teamName && item.speaker && ' | '}
- {item.speaker && item.speaker + ' 토론자'}
+ {teamName && t('{{team}} 팀', { team: teamName })}
+ {item.speaker &&
+ t(' | {{speaker}} 토론자', { speaker: item.speaker })}
)}
@@ -108,7 +115,7 @@ export default function NormalTimer({
},
)}
>
- 작전 시간 사용
+ {t('작전 시간 사용')}
)}
diff --git a/src/page/TimerPage/components/TimeBasedTimer.tsx b/src/page/TimerPage/components/TimeBasedTimer.tsx
index f72ae9dd..7384a574 100644
--- a/src/page/TimerPage/components/TimeBasedTimer.tsx
+++ b/src/page/TimerPage/components/TimeBasedTimer.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
import TimerController from './TimerController';
import { Formatting } from '../../../util/formatting';
import KeyboardKeyA from '../../../assets/keyboard/keyboard_key_A.png';
@@ -33,6 +34,7 @@ export default function TimeBasedTimer({
teamName,
item,
}: TimeBasedTimerProps) {
+ const { t } = useTranslation();
const {
totalTimer,
speakingTimer,
@@ -113,7 +115,7 @@ export default function TimeBasedTimer({
@@ -138,7 +140,7 @@ export default function TimeBasedTimer({
{speakingTimer !== null && (
- 전체 시간
+ {t('전체 시간')}
@@ -159,7 +161,7 @@ export default function TimeBasedTimer({
{ 'bg-camp-red': prosCons === 'CONS' },
)}
>
- 현재 시간
+ {t('현재 시간')}
diff --git a/src/page/TimerPage/components/TimerController.tsx b/src/page/TimerPage/components/TimerController.tsx
index 87765264..429b6c5e 100644
--- a/src/page/TimerPage/components/TimerController.tsx
+++ b/src/page/TimerPage/components/TimerController.tsx
@@ -1,3 +1,4 @@
+import { useTranslation } from 'react-i18next';
import { GiPauseButton } from 'react-icons/gi';
import DTReset from '../../../components/icons/Reset';
import DTPlay from '../../../components/icons/Play';
@@ -21,6 +22,7 @@ export default function TimerController({
stance,
boxType,
}: TimerControllerProps) {
+ const { t } = useTranslation();
const bgClass =
boxType === 'FEEDBACK'
? 'bg-brand'
@@ -34,7 +36,7 @@ export default function TimerController({
{/* 초기화 버튼 */}