From fcb6b1465b3072b208f196313e00ad8c092cfa43 Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Wed, 18 May 2022 21:23:24 +0200
Subject: [PATCH] Swap string literals for translatable items

---
 src/localisation/lang/en/locale.json                  | 5 ++++-
 src/localisation/lang/nl/locale.json                  | 6 ++++--
 src/localisation/types.ts                             | 5 ++++-
 src/screens/modals/Player/components/Casting.ios.tsx  | 5 +++--
 src/screens/modals/Player/components/StreamStatus.tsx | 5 +++--
 5 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/localisation/lang/en/locale.json b/src/localisation/lang/en/locale.json
index 81a8e5c..40df876 100644
--- a/src/localisation/lang/en/locale.json
+++ b/src/localisation/lang/en/locale.json
@@ -56,5 +56,8 @@
     "delete-playlist": "Delete Playlist",
     "total-download-size": "Total Download Size",
     "retry-failed-downloads": "Retry Failed Downloads",
-    "you-are-offline-message": "You are currently offline. You can only play previously downloaded music."
+    "you-are-offline-message": "You are currently offline. You can only play previously downloaded music.",
+    "playing-on": "Playing on",
+    "local-playback": "Local playback",
+    "streaming": "Streaming"
 }
\ No newline at end of file
diff --git a/src/localisation/lang/nl/locale.json b/src/localisation/lang/nl/locale.json
index 3a7d612..c4b3f70 100644
--- a/src/localisation/lang/nl/locale.json
+++ b/src/localisation/lang/nl/locale.json
@@ -56,6 +56,8 @@
     "delete-playlist": "Verwijder Playlist",
     "total-download-size": "Totale grootte downloads",
     "retry-failed-downloads": "Probeer Mislukte Downloads Opnieuw",
-    "you-are-offline-message": "Je bent op dit moment offline. Je kunt alleen eerder gedownloade nummers afspelen."
-
+    "you-are-offline-message": "Je bent op dit moment offline. Je kunt alleen eerder gedownloade nummers afspelen.",
+    "playing-on": "Speelt af op",
+    "local-playback": "Lokaal afspelen",
+    "streaming": "Streamen"
 }
\ No newline at end of file
diff --git a/src/localisation/types.ts b/src/localisation/types.ts
index f423907..5ae9922 100644
--- a/src/localisation/types.ts
+++ b/src/localisation/types.ts
@@ -54,4 +54,7 @@ export type LocaleKeys = 'play-next'
 | 'total-download-size'
 | 'no-downloads'
 | 'retry-failed-downloads'
-| 'you-are-offline-message'
\ No newline at end of file
+| 'you-are-offline-message'
+| 'playing-on'
+| 'local-playback'
+| 'streaming'
\ No newline at end of file
diff --git a/src/screens/modals/Player/components/Casting.ios.tsx b/src/screens/modals/Player/components/Casting.ios.tsx
index 89c22cc..4d12ae2 100644
--- a/src/screens/modals/Player/components/Casting.ios.tsx
+++ b/src/screens/modals/Player/components/Casting.ios.tsx
@@ -6,6 +6,7 @@ import { TouchableOpacity } from 'react-native';
 import styled, { css } from 'styled-components/native';
 import AirplayAudioIcon from 'assets/icons/airplay-audio.svg';
 import useDefaultStyles from 'components/Colors';
+import { t } from '@localisation';
 
 const Container = styled.View<{ active?: boolean }>`
     display: flex;
@@ -46,8 +47,8 @@ function Casting() {
                 />
                 <Label active={routes.length > 0} numberOfLines={1}>
                     {routes.length > 0
-                        ? `Playing on ${routes.map((route) => route.portName).join(', ')}`
-                        : 'Local Playback'
+                        ? `${t('playing-on')} ${routes.map((route) => route.portName).join(', ')}`
+                        : t('local-playback')
                     }
                 </Label>
             </Container>
diff --git a/src/screens/modals/Player/components/StreamStatus.tsx b/src/screens/modals/Player/components/StreamStatus.tsx
index 54832b3..cfc1867 100644
--- a/src/screens/modals/Player/components/StreamStatus.tsx
+++ b/src/screens/modals/Player/components/StreamStatus.tsx
@@ -6,6 +6,7 @@ import useDefaultStyles from 'components/Colors';
 import { Text } from 'components/Typography';
 import styled from 'styled-components/native';
 import Casting from './Casting';
+import { t } from '@localisation';
 
 const ICON_SIZE = 16;
 
@@ -44,12 +45,12 @@ function StreamStatus() {
                 {isLocalPlay ? (
                     <>
                         <InternalDriveIcon width={ICON_SIZE} height={ICON_SIZE} fill={defaultStyles.icon.color} />
-                        <Label numberOfLines={1}>Local Playback</Label>
+                        <Label numberOfLines={1}>{t('local-playback')}</Label>
                     </>
                 ) : (
                     <>
                         <CloudIcon width={ICON_SIZE} height={ICON_SIZE} fill={defaultStyles.icon.color} />
-                        <Label numberOfLines={1}>Streaming</Label>
+                        <Label numberOfLines={1}>{t('streaming')}</Label>
                     </>
                 )}
             </Group>