From bbf80305e1703d2413ccf4624e44de6629211591 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Fri, 15 Apr 2022 20:20:14 +0200
Subject: [PATCH] compositionApi: PairLockList

---
 src/components/ftbot/PairLockList.vue | 60 ++++++++++++++-------------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/src/components/ftbot/PairLockList.vue b/src/components/ftbot/PairLockList.vue
index 7b2dd1fd..14abdcb9 100644
--- a/src/components/ftbot/PairLockList.vue
+++ b/src/components/ftbot/PairLockList.vue
@@ -23,47 +23,49 @@
 
 <script lang="ts">
 import { timestampms } from '@/shared/formatters';
-import { BotStoreGetters } from '@/store/modules/ftbot';
 import { Lock } from '@/types';
-import { Component, Vue } from 'vue-property-decorator';
-import { namespace } from 'vuex-class';
+
 import DeleteIcon from 'vue-material-design-icons/Delete.vue';
 import { showAlert } from '@/stores/alerts';
 import StoreModules from '@/store/storeSubModules';
+import { defineComponent } from '@vue/composition-api';
+import { useNamespacedActions, useNamespacedGetters } from 'vuex-composition-helpers';
 
-const ftbot = namespace(StoreModules.ftbot);
-
-@Component({
+export default defineComponent({
+  name: 'PairLockList',
   components: { DeleteIcon },
-})
-export default class PairLockList extends Vue {
-  @ftbot.Action getLocks;
-
-  @ftbot.Getter [BotStoreGetters.currentLocks]!: Lock[];
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  @ftbot.Action deleteLock!: (lockid: string) => Promise<string>;
-
-  timestampms = timestampms;
-
-  get tableFields() {
-    return [
+  setup() {
+    const { currentLocks } = useNamespacedGetters(StoreModules.ftbot, ['currentLocks']);
+    const { getLocks, deleteLock } = useNamespacedActions(StoreModules.ftbot, [
+      'getLocks',
+      'deleteLock',
+    ]);
+    const tableFields = [
       { key: 'pair', label: 'Pair' },
       { key: 'lock_end_timestamp', label: 'Until', formatter: 'timestampms' },
       { key: 'reason', label: 'Reason' },
       { key: 'actions' },
     ];
-  }
 
-  removePairLock(item: Lock) {
-    console.log(item);
-    if (item.id !== undefined) {
-      this.deleteLock(item.id);
-    } else {
-      showAlert('This Freqtrade version does not support deleting locks.');
-    }
-  }
-}
+    const removePairLock = (item: Lock) => {
+      console.log(item);
+      if (item.id !== undefined) {
+        deleteLock(item.id);
+      } else {
+        showAlert('This Freqtrade version does not support deleting locks.');
+      }
+    };
+
+    return {
+      timestampms,
+      tableFields,
+      removePairLock,
+      currentLocks,
+      getLocks,
+      deleteLock,
+    };
+  },
+});
 </script>
 
 <style scoped></style>