From 81b9ba683a332052a1a4dd0d15c47a676ccdf522 Mon Sep 17 00:00:00 2001
From: Lei Nelissen <lei@codified.nl>
Date: Sun, 23 Apr 2023 22:06:39 +0200
Subject: [PATCH] fix: make similar albums translateable

---
 .eslintrc.js                                          | 6 ++++++
 src/localisation/lang/en/locale.json                  | 3 ++-
 src/localisation/lang/nl/locale.json                  | 3 ++-
 src/localisation/types.ts                             | 3 ++-
 src/screens/Downloads/index.tsx                       | 2 +-
 src/screens/Music/stacks/Album.tsx                    | 2 +-
 src/screens/Music/stacks/components/TrackListView.tsx | 2 +-
 7 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 39a7953..31e1fe9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -52,6 +52,12 @@ module.exports = {
         'react/prop-types': 'off',
         '@typescript-eslint/no-unused-vars': [
             'error'
+        ],
+        'react/jsx-no-literals': [
+            'error',
+            {
+                ignoreProps: true
+            }
         ]
     },
     settings: {
diff --git a/src/localisation/lang/en/locale.json b/src/localisation/lang/en/locale.json
index b5eb8ba..a12a891 100644
--- a/src/localisation/lang/en/locale.json
+++ b/src/localisation/lang/en/locale.json
@@ -60,5 +60,6 @@
     "playing-on": "Playing on",
     "local-playback": "Local playback",
     "streaming": "Streaming",
-    "total-duration": "Total duration"
+    "total-duration": "Total duration",
+    "similar-albums": "Similar albums"
 }
\ No newline at end of file
diff --git a/src/localisation/lang/nl/locale.json b/src/localisation/lang/nl/locale.json
index 210d851..8c34e2b 100644
--- a/src/localisation/lang/nl/locale.json
+++ b/src/localisation/lang/nl/locale.json
@@ -60,5 +60,6 @@
     "playing-on": "Speelt af op",
     "local-playback": "Lokaal afspelen",
     "streaming": "Streamen",
-    "total-duration": "Totale duur"
+    "total-duration": "Totale duur",
+    "similar-albums": "Vergelijkbare albums"
 }
\ No newline at end of file
diff --git a/src/localisation/types.ts b/src/localisation/types.ts
index 1a9690b..dfae5e9 100644
--- a/src/localisation/types.ts
+++ b/src/localisation/types.ts
@@ -58,4 +58,5 @@ export type LocaleKeys = 'play-next'
 | 'playing-on'
 | 'local-playback'
 | 'streaming'
-| 'total-duration'
\ No newline at end of file
+| 'total-duration'
+| 'similar-albums'
\ No newline at end of file
diff --git a/src/screens/Downloads/index.tsx b/src/screens/Downloads/index.tsx
index 4c8d786..f899b4c 100644
--- a/src/screens/Downloads/index.tsx
+++ b/src/screens/Downloads/index.tsx
@@ -82,7 +82,7 @@ function Downloads() {
                     ]}
                     numberOfLines={1}
                 >
-                    {t('total-download-size')}: {formatBytes(totalDownloadSize)}
+                    {t('total-download-size')}{': '}{formatBytes(totalDownloadSize)}
                 </Text>
                 <Button
                     icon={TrashIcon}
diff --git a/src/screens/Music/stacks/Album.tsx b/src/screens/Music/stacks/Album.tsx
index b109c09..3dc8348 100644
--- a/src/screens/Music/stacks/Album.tsx
+++ b/src/screens/Music/stacks/Album.tsx
@@ -88,7 +88,7 @@ const Album: React.FC = () => {
             ) : null}
             {album?.Similar?.length ? (
                 <>
-                    <SubHeader>Similar albums</SubHeader>
+                    <SubHeader>{t('similar-albums')}</SubHeader>
                     <ScrollView horizontal style={{ marginLeft: -24, marginRight: -24, marginTop: 8, marginBottom: 36 }} contentContainerStyle={{ paddingHorizontal: 24 }} showsHorizontalScrollIndicator={false}>
                         {album.Similar.map((id) => (
                             <SimilarAlbum id={id} key={id} />
diff --git a/src/screens/Music/stacks/components/TrackListView.tsx b/src/screens/Music/stacks/components/TrackListView.tsx
index 8eb0a6d..538f55f 100644
--- a/src/screens/Music/stacks/components/TrackListView.tsx
+++ b/src/screens/Music/stacks/components/TrackListView.tsx
@@ -204,7 +204,7 @@ const TrackListView: React.FC<TrackListViewProps> = ({
                         </TrackContainer>
                     </TouchableHandler>
                 )}
-                <Text style={{ paddingTop: 24, paddingBottom: 12, textAlign: 'center', opacity: 0.5 }}>{t('total-duration')}: {ticksToDuration(totalDuration)}</Text>
+                <Text style={{ paddingTop: 24, paddingBottom: 12, textAlign: 'center', opacity: 0.5 }}>{t('total-duration')}{': '}{ticksToDuration(totalDuration)}</Text>
                 <WrappableButtonRow style={{ marginTop: 24 }}>
                     <WrappableButton
                         icon={CloudDownArrow}