From 7a553184e7c25d85d16db99852baa6eab96ae1fc Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 28 Dec 2020 10:55:42 +0100
Subject: [PATCH] Add icons to tradeactions

---
 src/components/ftbot/TradeList.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ftbot/TradeList.vue b/src/components/ftbot/TradeList.vue
index 89ac8860..ff654da0 100644
--- a/src/components/ftbot/TradeList.vue
+++ b/src/components/ftbot/TradeList.vue
@@ -19,15 +19,15 @@
       >
         <template #cell(actions)="row">
           <b-button class="btn-xs" size="sm" title="Forcesell" @click="forcesellHandler(row.item)">
-            FS
+            <ForceSellIcon :size="16" />
           </b-button>
           <b-button
-            class="btn-xs"
+            class="btn-xs ml-1"
             size="sm"
             title="Delete trade"
             @click="removeTradeHandler(row.item)"
           >
-            RM
+            <DeleteIcon :size="16" />
           </b-button>
         </template>
         <template #cell(pair)="row">
@@ -55,12 +55,14 @@ import { namespace } from 'vuex-class';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { formatPercent, formatPrice } from '@/shared/formatters';
 import { Trade } from '@/types';
+import DeleteIcon from 'vue-material-design-icons/Delete.vue';
+import ForceSellIcon from 'vue-material-design-icons/CloseBoxMultiple.vue';
 import ProfitSymbol from './ProfitSymbol.vue';
 
 const ftbot = namespace('ftbot');
 
 @Component({
-  components: { ProfitSymbol },
+  components: { ProfitSymbol, DeleteIcon, ForceSellIcon },
 })
 export default class TradeList extends Vue {
   $refs!: {