From 3b7ab406318f628f0fda70733cefeb67e2d19d61 Mon Sep 17 00:00:00 2001
From: ambar <ambar.lee@gmail.com>
Date: Wed, 22 Sep 2021 13:37:24 +0800
Subject: [PATCH] fix: add replay to locales

---
 packages/griffith/src/components/Player.styles.ts | 1 +
 packages/griffith/src/components/Player.tsx       | 3 ++-
 packages/griffith/src/constants/locales.ts        | 4 ++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/griffith/src/components/Player.styles.ts b/packages/griffith/src/components/Player.styles.ts
index 6d53ae45..95d52cb2 100644
--- a/packages/griffith/src/components/Player.styles.ts
+++ b/packages/griffith/src/components/Player.styles.ts
@@ -235,6 +235,7 @@ export default StyleSheet.create({
     padding: '8px',
     boxSizing: 'border-box',
     textAlign: 'center',
+    whiteSpace: 'nowrap',
     transition: 'transform 200ms, opacity 200ms',
     willChange: 'transform',
   },
diff --git a/packages/griffith/src/components/Player.tsx b/packages/griffith/src/components/Player.tsx
index 6863cd89..e16c5e2c 100644
--- a/packages/griffith/src/components/Player.tsx
+++ b/packages/griffith/src/components/Player.tsx
@@ -22,6 +22,7 @@ import ObjectFitContext, {ObjectFit} from '../contexts/ObjectFitContext'
 import PositionProvider from '../contexts/PositionProvider'
 import ObjectFitProvider from '../contexts/ObjectFitProvider'
 import LocaleProvider from '../contexts/LocaleProvider'
+import TranslatedText from './TranslatedText'
 import Icon from './Icon'
 import * as icons from './icons/display/index'
 import Loader from './Loader'
@@ -651,7 +652,7 @@ class InnerPlayer extends Component<InnerPlayerProps, State> {
                 )}
               >
                 <Icon icon={icons.replay} styles={styles.replayIcon} />
-                重新播放
+                <TranslatedText name="replay" />
               </div>
             </div>
           )}
diff --git a/packages/griffith/src/constants/locales.ts b/packages/griffith/src/constants/locales.ts
index d52e02c6..789a997c 100644
--- a/packages/griffith/src/constants/locales.ts
+++ b/packages/griffith/src/constants/locales.ts
@@ -12,6 +12,7 @@ const en = {
   'action-enter-pip': 'Picture in Picture',
   'action-exit-pip': 'Exit Picture in Picture',
   'playback-rate': 'PlaybackRate',
+  replay: 'Replay',
 }
 
 export type LocaleCode = 'en' | 'ja' | 'zh-Hans' | 'zh-Hant'
@@ -40,6 +41,7 @@ const locales: LocaleConfigMap = {
     'action-enter-pip': 'ピクチャーインピクチャー',
     'action-exit-pip': 'ピクチャーインピクチャー終了',
     'playback-rate': '再生速度',
+    replay: 'もう一回見る',
   },
   // covers zh-Hans-CN and zh-Hans-SG
   'zh-Hans': {
@@ -55,6 +57,7 @@ const locales: LocaleConfigMap = {
     'action-enter-pip': '画中画',
     'action-exit-pip': '退出画中画',
     'playback-rate': '倍速',
+    replay: '重新播放',
   },
   // covers zh-Hant-HK and zh-Hant-TW
   'zh-Hant': {
@@ -70,6 +73,7 @@ const locales: LocaleConfigMap = {
     'action-enter-pip': '子母畫面',
     'action-exit-pip': '關閉子母畫面',
     'playback-rate': '倍速',
+    replay: '重新播放',
   },
 }