From 10e348d61ed9685c133e8318be8a03d0c902206a Mon Sep 17 00:00:00 2001
From: Tuditi <45079109+Tuditi@users.noreply.github.com>
Date: Wed, 13 Dec 2023 09:48:36 +0100
Subject: [PATCH] Feat: enable additional languages (#1605)

* feat: enable extra languages

* fix: make settings area wider

* fix: allow decimal separators
---
 packages/desktop/features/app.features.ts                   | 4 +++-
 .../desktop/views/settings/views/SettingsSidebar.svelte     | 2 +-
 packages/shared/src/components/inputs/AmountInput.svelte    | 6 ++++--
 .../src/lib/features/interfaces/app-features.interface.ts   | 2 ++
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/packages/desktop/features/app.features.ts b/packages/desktop/features/app.features.ts
index 7a7892a1a3..391874dc3f 100644
--- a/packages/desktop/features/app.features.ts
+++ b/packages/desktop/features/app.features.ts
@@ -15,8 +15,10 @@ const appFeatures: IAppFeatures = {
     translations: {
         languages: {
             en: true,
-            de: false,
+            de: true,
             tr: true,
+            nl: true,
+            pl: true,
         },
     },
     particles: {
diff --git a/packages/desktop/views/settings/views/SettingsSidebar.svelte b/packages/desktop/views/settings/views/SettingsSidebar.svelte
index 6b696fb6a9..ce08d05c19 100644
--- a/packages/desktop/views/settings/views/SettingsSidebar.svelte
+++ b/packages/desktop/views/settings/views/SettingsSidebar.svelte
@@ -58,7 +58,7 @@
 
 <style lang="postcss">
     aside {
-        @apply w-64 px-4 py-8;
+        @apply w-72 px-4 py-8;
         @apply bg-surface-1/90 dark:bg-surface-1-dark/60;
         @apply border-solid border-r border-stroke dark:border-stroke-dark;
         border-top-left-radius: 32px;
diff --git a/packages/shared/src/components/inputs/AmountInput.svelte b/packages/shared/src/components/inputs/AmountInput.svelte
index 4f59e99273..df88306cbb 100644
--- a/packages/shared/src/components/inputs/AmountInput.svelte
+++ b/packages/shared/src/components/inputs/AmountInput.svelte
@@ -8,7 +8,8 @@
     export let fontWeight = FontWeight.semibold
     export let disabled = false
     export let hasFocus = false
-    export let amount: string = ''
+    export let isInteger = false
+    export let amount = ''
 
     $: amount, onAmountInputChange()
 
@@ -29,7 +30,8 @@
     bind:inputElement
     bind:value={amount}
     bind:hasFocus
-    inputType="number"
+    float={!isInteger}
+    integer={isInteger}
     {disabled}
     placeholder="0"
     {fontSize}
diff --git a/packages/shared/src/lib/features/interfaces/app-features.interface.ts b/packages/shared/src/lib/features/interfaces/app-features.interface.ts
index 94c45cf5ad..589685a355 100644
--- a/packages/shared/src/lib/features/interfaces/app-features.interface.ts
+++ b/packages/shared/src/lib/features/interfaces/app-features.interface.ts
@@ -11,6 +11,8 @@ export interface IAppFeatures {
             en: boolean
             de: boolean
             tr: boolean
+            nl: boolean
+            pl: boolean
         }
     }
     particles: IFeatureFlag