From d9b097fb48c7aec332966ddbce54b4befa717d9e Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Tue, 24 Jan 2023 17:56:21 +0100
Subject: [PATCH] feat: translate dashboardUploadCard

---
 .../dashboard/DashboardUploadCard.svelte      | 18 +++++---
 frontend/src/translations/cs/index.ts         |  7 +++
 frontend/src/translations/i18n-types.ts       | 45 +++++++++++++++++++
 3 files changed, 65 insertions(+), 5 deletions(-)

diff --git a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
index 899deb6..9541b93 100644
--- a/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardUploadCard.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+	import LL from '$i18n/i18n-svelte';
+
 	import FileType from './FileType.svelte';
 	import debounce from 'just-debounce-it';
 	import { filedrop, type FileDropOptions, type Files } from 'filedrop-svelte';
@@ -103,7 +105,7 @@
 			{#if status === 'uploaded'}
 				<button
 					class="mr-3 rounded-xl bg-[#ef8b46] py-0.5 px-2 text-white shadow-md transition-all duration-300 hover:bg-orange-400"
-					on:click={debounce(() => dispatch('delete'), 150)}>Smazat</button
+					on:click={debounce(() => dispatch('delete'), 150)}>{$LL.components.dashboard.dashboardUploadCard.delete()}</button
 				>
 			{/if}
 			<StatusNotificationDot {status} />
@@ -131,9 +133,9 @@
 			>
 			<div class="hidden items-center xl:block">
 				{#if bytesTotal === 0 || Math.round(progress * 100) === 100}
-					<h2 class="text-xl font-bold">{status === 'submitted' ? 'Odesláno' : 'Nahráno'}</h2>
+					<h2 class="text-xl font-bold">{status === 'submitted' ? $LL.components.dashboard.dashboardUploadCard.sent() : $LL.components.dashboard.dashboardUploadCard.uploaded()}</h2>
 				{:else}
-					<h2 class="text-xl">Nahráno {((bytesTotal / 1_000_000) * progress).toFixed(1)} MB</h2>
+					<h2 class="text-xl">{$LL.components.dashboard.dashboardUploadCard.uploaded()} {((bytesTotal / 1_000_000) * progress).toFixed(1)} MB</h2>
 					<h2 class="self-center text-xl">z {(bytesTotal / 1_000_000).toFixed(1)} MB</h2>
 				{/if}
 			</div>
@@ -168,8 +170,14 @@
 				{#if error}
 					<span class="font-semibold text-red-600">{error}</span>
 				{:else}
-					<span class="text-[#406280]">Sem přetáhněte,</span>
-					<span class="text-sspsGray">nebo nahrajte {placeholder}</span>
+					<span class="text-[#406280]"
+						>{$LL.components.dashboard.dashboardUploadCard.dropHere()}</span
+					>
+					<span class="text-sspsGray"
+						>{$LL.components.dashboard.dashboardUploadCard.orUpload({
+							placeholder
+						})}</span
+					>
 				{/if}
 			</div>
 		</div>
diff --git a/frontend/src/translations/cs/index.ts b/frontend/src/translations/cs/index.ts
index bb81547..7051331 100644
--- a/frontend/src/translations/cs/index.ts
+++ b/frontend/src/translations/cs/index.ts
@@ -73,6 +73,13 @@ const cs: BaseTranslation = {
 			coverLetterUploadCard: {
 				title: "Motivační dopis",
 				placeholder: "svůj motivanční dopis",
+			},
+			dashboardUploadCard: {
+				dropHere: "Sem přetáhněte,",
+				orUpload: "Nebo nahrajte {placeholder:string}",
+				uploaded: "Nahráno",
+				sent: "Odesláno",
+				delete: "Smazat",
 			}
 		},
 		checkbox: {
diff --git a/frontend/src/translations/i18n-types.ts b/frontend/src/translations/i18n-types.ts
index 01a9722..65729e6 100644
--- a/frontend/src/translations/i18n-types.ts
+++ b/frontend/src/translations/i18n-types.ts
@@ -161,6 +161,29 @@ type RootTranslation = {
 				 */
 				placeholder: string
 			}
+			dashboardUploadCard: {
+				/**
+				 * S​e​m​ ​p​ř​e​t​á​h​n​ě​t​e​,
+				 */
+				dropHere: string
+				/**
+				 * N​e​b​o​ ​n​a​h​r​a​j​t​e​ ​{​p​l​a​c​e​h​o​l​d​e​r​}
+				 * @param {string} placeholder
+				 */
+				orUpload: RequiredParams<'placeholder'>
+				/**
+				 * N​a​h​r​á​n​o
+				 */
+				uploaded: string
+				/**
+				 * O​d​e​s​l​á​n​o
+				 */
+				sent: string
+				/**
+				 * S​m​a​z​a​t
+				 */
+				'delete': string
+			}
 		}
 		checkbox: {
 			accountLinkCheckBox: {
@@ -464,6 +487,28 @@ export type TranslationFunctions = {
 				 */
 				placeholder: () => LocalizedString
 			}
+			dashboardUploadCard: {
+				/**
+				 * Sem přetáhněte,
+				 */
+				dropHere: () => LocalizedString
+				/**
+				 * Nebo nahrajte {placeholder}
+				 */
+				orUpload: (arg: { placeholder: string }) => LocalizedString
+				/**
+				 * Nahráno
+				 */
+				uploaded: () => LocalizedString
+				/**
+				 * Odesláno
+				 */
+				sent: () => LocalizedString
+				/**
+				 * Smazat
+				 */
+				'delete': () => LocalizedString
+			}
 		}
 		checkbox: {
 			accountLinkCheckBox: {