From a5868f2a1837c75d332b418e7e45e935a6bf4631 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 19 Nov 2022 11:08:25 +0100
Subject: [PATCH] forceentry - fix validations

---
 src/components/ftbot/ForceEntryForm.vue | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/ForceEntryForm.vue b/src/components/ftbot/ForceEntryForm.vue
index c1717d9e..a6810486 100644
--- a/src/components/ftbot/ForceEntryForm.vue
+++ b/src/components/ftbot/ForceEntryForm.vue
@@ -26,7 +26,12 @@
           button-variant="outline-primary"
         ></b-form-radio-group>
       </b-form-group>
-      <b-form-group label="Pair" label-for="pair-input" invalid-feedback="Pair is required">
+      <b-form-group
+        label="Pair"
+        label-for="pair-input"
+        invalid-feedback="Pair is required"
+        :state="selectedPair !== undefined"
+      >
         <b-form-input
           id="pair-input"
           v-model="selectedPair"
@@ -39,6 +44,7 @@
         label="*Price [optional]"
         label-for="price-input"
         invalid-feedback="Price must be empty or a positive number"
+        :state="!price || price > 0"
       >
         <b-form-input
           id="price-input"
@@ -53,6 +59,7 @@
         :label="`*Stake-amount in ${botStore.activeBot.stakeCurrency} [optional]`"
         label-for="stake-input"
         invalid-feedback="Stake-amount must be empty or a positive number"
+        :state="!stakeAmount || stakeAmount > 0"
       >
         <b-form-input
           id="stake-input"
@@ -67,6 +74,7 @@
         :label="`*Leverage to apply [optional]`"
         label-for="leverage-input"
         invalid-feedback="Leverage must be empty or a positive number"
+        :state="!leverage || leverage > 0"
       >
         <b-form-input
           id="leverage-input"
@@ -81,6 +89,7 @@
         label="*OrderType"
         label-for="ordertype-input"
         invalid-feedback="OrderType"
+        :state="true"
       >
         <b-form-radio-group
           id="ordertype-input"
@@ -115,9 +124,9 @@ export default defineComponent({
 
     const form = ref<HTMLFormElement>();
     const selectedPair = ref('');
-    const price = ref<number | null>(null);
-    const stakeAmount = ref<number | null>(null);
-    const leverage = ref<number | null>(null);
+    const price = ref<number | undefined>(undefined);
+    const stakeAmount = ref<number | undefined>(undefined);
+    const leverage = ref<number | undefined>(undefined);
 
     const ordertype = ref('');
     const orderSide = ref<OrderSides>(OrderSides.long);