From bf87893d72ad0fc4ee5f549b0c85d30e01da3397 Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 09:57:37 +0000
Subject: [PATCH] only let generators to be added at first

---
 src/components/ftbot/PairlistConfigurator.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/ftbot/PairlistConfigurator.vue b/src/components/ftbot/PairlistConfigurator.vue
index 61cdfc61..fd9c45e4 100644
--- a/src/components/ftbot/PairlistConfigurator.vue
+++ b/src/components/ftbot/PairlistConfigurator.vue
@@ -7,6 +7,7 @@
             v-for="pairlist in availablePairlists"
             :key="pairlist.name"
             align-v="center"
+            :class="{ 'no-drag': config.pairlists.length == 0 && !pairlist.is_pairlist_generator }"
             class="pairlist d-flex text-start align-items-center"
           >
             <div class="d-flex flex-grow-1 align-items-start flex-column">
@@ -17,6 +18,7 @@
               class="p-0"
               style="border: none"
               variant="outline-light"
+              :disabled="config.pairlists.length == 0 && !pairlist.is_pairlist_generator"
               @click="addToConfig(pairlist, selectedConfig.pairlists.length)"
             >
               <i-mdi-arrow-right-bold-box-outline class="fs-4" />
@@ -140,6 +142,7 @@ useSortable(availablePairlistsEl, availablePairlists.value, {
     put: false,
   },
   sort: false,
+  filter: '.no-drag',
 });
 
 useSortable(pairlistConfigsEl, config.value.pairlists, {
@@ -254,11 +257,19 @@ watch(
 );
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .pairlist {
   border: 1px solid white;
 }
 
+.pairlist.no-drag {
+  color: gray;
+}
+
+.pairlist.no-drag:hover {
+  cursor: default;
+}
+
 .pairlist:hover {
   cursor: grab;
 }