From d13e7f664f55bd2a0faf19472b77c035d90bba95 Mon Sep 17 00:00:00 2001
From: Simon Giesel <simongiesel@gmail.com>
Date: Mon, 17 Jul 2023 21:30:08 +0200
Subject: [PATCH] fix(webapp): currency input fields

---
 webapp/package.json                                    | 2 +-
 webapp/src/components/molecules/MoleculeInputModal.vue | 8 ++------
 webapp/src/components/views/ViewStatePortal.vue        | 6 ++----
 3 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/webapp/package.json b/webapp/package.json
index 7ce6b3c..1581996 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -2,7 +2,7 @@
   "name": "hgoe-sas",
   "private": true,
   "author": "Simon Giesel",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc --noEmit && vite build",
diff --git a/webapp/src/components/molecules/MoleculeInputModal.vue b/webapp/src/components/molecules/MoleculeInputModal.vue
index caef746..a36913e 100644
--- a/webapp/src/components/molecules/MoleculeInputModal.vue
+++ b/webapp/src/components/molecules/MoleculeInputModal.vue
@@ -8,9 +8,8 @@
     <div class="flex place-items-center justify-between">
       <span>{{ inputLabel }}</span>
       <AtomCurrencyInput
-        ref="input"
+        v-model="amount"
         class="w-4/12"
-        @change="amount = $event"
         @keyup.esc="modal?.close()"
       />
     </div>
@@ -41,7 +40,6 @@ import AtomCurrencyInput from '../atoms/AtomCurrencyInput.vue';
 import AtomModal from '../atoms/AtomModal.vue';
 
 const modal = ref<InstanceType<typeof AtomModal>>();
-const input= ref<InstanceType<typeof AtomCurrencyInput>>();
 const amount = ref();
 
 defineProps({
@@ -66,9 +64,7 @@ defineProps({
 const emit = defineEmits(['submit']);
 
 function handleClose() {
-  if(input.value) {
-    input.value.reset();
-  }
+  amount.value = '';
 }
 
 function handleSubmit() {
diff --git a/webapp/src/components/views/ViewStatePortal.vue b/webapp/src/components/views/ViewStatePortal.vue
index a5cf29f..237ac08 100644
--- a/webapp/src/components/views/ViewStatePortal.vue
+++ b/webapp/src/components/views/ViewStatePortal.vue
@@ -9,10 +9,9 @@
           <div class="flex place-items-center justify-between">
             <span>Mindestlohn</span>
             <AtomCurrencyInput
-              :value="minWage"
+              v-model="minWage"
               class="w-2/4"
               per-hour
-              @change="minWage = $event"
             />
           </div>
           <div class="flex place-items-center justify-between">
@@ -25,11 +24,10 @@
           <div class="flex place-items-center justify-between">
             <span>Höchstlohn</span>
             <AtomCurrencyInput
-              :value="maxWage"
+              v-model="maxWage"
               :min="minWage"
               per-hour
               class="w-2/4"
-              @change="maxWage = $event"
             />
           </div>
           <div class="flex place-items-center justify-between">