From ee51fa71555ef3cc3cf7a17d7ade88fb78fa9d44 Mon Sep 17 00:00:00 2001
From: Georges KABBOUCHI <georges.kabbouchi@gmail.com>
Date: Mon, 6 Sep 2021 01:23:56 +0300
Subject: [PATCH] add `input-amount`

---
 .../context/strategy/SidebarStrategy.vue        | 17 +++++++++++++++++
 core/strategies/helpers/index.ts                |  5 +++++
 2 files changed, 22 insertions(+)

diff --git a/components/sidebar/context/strategy/SidebarStrategy.vue b/components/sidebar/context/strategy/SidebarStrategy.vue
index 389a1fe..1be9691 100644
--- a/components/sidebar/context/strategy/SidebarStrategy.vue
+++ b/components/sidebar/context/strategy/SidebarStrategy.vue
@@ -50,6 +50,23 @@
                     }
                   "
                 />
+
+                <input-amount
+                  v-else-if="component.type === 'input-amount'"
+                  :key="index"
+                  :value="component.value"
+                  :token-key="
+                    component.tokenKey
+                      ? component.tokenKey
+                      : component.token
+                      ? component.token.key
+                      : 'eth'
+                  "
+                  :error="component.error"
+                  :placeholder="component.placeholder()"
+                  @input="$event => component.onInput($event)"
+                />
+
                 <SidebarContextHeading
                   v-else-if="component.type === 'heading'"
                   :key="index"
diff --git a/core/strategies/helpers/index.ts b/core/strategies/helpers/index.ts
index ee8c2fe..48e2df2 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_AMOUNT = "input-amount",
   INPUT_WITH_TOKEN = "input-with-token",
 
   HEADING = "heading",
@@ -47,6 +48,10 @@ export enum StrategyComponentType {
 export type StrategyComponentParameterMap = {
   // [StrategyInputType.INPUT]: {};
 
+  [StrategyComponentType.INPUT_AMOUNT]: {
+    tokenKey: string;
+  };
+
   [StrategyComponentType.INPUT_WITH_TOKEN]: {
     token?: IStrategyToken;
   };