From d2bca27ab64fa272ea58b411cbdba8e85adc53ce Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Mon, 6 Sep 2021 01:28:42 +0300
Subject: [PATCH] Add numeric input

---
 .../sidebar/context/strategy/SidebarStrategy.vue     | 12 +++++++++++-
 core/strategies/helpers/index.ts                     |  3 +++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/sidebar/context/strategy/SidebarStrategy.vue b/components/sidebar/context/strategy/SidebarStrategy.vue
index 1be9691..d48f4cc 100644
--- a/components/sidebar/context/strategy/SidebarStrategy.vue
+++ b/components/sidebar/context/strategy/SidebarStrategy.vue
@@ -67,6 +67,15 @@
                   @input="$event => component.onInput($event)"
                 />
 
+                <input-numeric
+                  v-else-if="component.type === 'input-numeric'"
+                  :key="index"
+                  :value="component.value"
+                  :error="component.error"
+                  :placeholder="component.placeholder()"
+                  @input="$event => component.onInput($event)"
+                />
+
                 <SidebarContextHeading
                   v-else-if="component.type === 'heading'"
                   :key="index"
@@ -120,8 +129,9 @@ import InputAmount from "~/components/common/input/InputAmount.vue";
 import { useToken } from "~/composables/useToken";
 import ButtonCTA from "~/components/common/input/ButtonCTA.vue";
 import ValueDisplay from "../components/ValueDisplay.vue";
+import InputNumeric from "~/components/common/input/InputNumeric.vue";
 export default defineComponent({
-  components: { InputAmount, ButtonCTA, ValueDisplay },
+  components: { InputAmount, ButtonCTA, ValueDisplay, InputNumeric },
   props: {
     protocol: {
       type: String,
diff --git a/core/strategies/helpers/index.ts b/core/strategies/helpers/index.ts
index 48e2df2..4b39359 100644
--- a/core/strategies/helpers/index.ts
+++ b/core/strategies/helpers/index.ts
@@ -37,6 +37,7 @@ export interface IStrategyToken {
 
 export enum StrategyComponentType {
   // INPUT = "input",
+  INPUT_NUMERIC = "input-numeric",
   INPUT_AMOUNT = "input-amount",
   INPUT_WITH_TOKEN = "input-with-token",
 
@@ -48,6 +49,8 @@ export enum StrategyComponentType {
 export type StrategyComponentParameterMap = {
   // [StrategyInputType.INPUT]: {};
 
+  [StrategyComponentType.INPUT_NUMERIC]: {};
+
   [StrategyComponentType.INPUT_AMOUNT]: {
     tokenKey: string;
   };