From 79074f960fc6d17db659fb9a4305a01b203aa921 Mon Sep 17 00:00:00 2001
From: Manuel Ruwe <manuel.ruwe@bluewin.ch>
Date: Tue, 10 Jan 2023 22:36:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=20Automatic=20positions=20for?=
 =?UTF-8?q?=20wrappers=20and=20categories?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Overview/AvailableElementsOverview.tsx    | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx b/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx
index 97c62de4c..d746ae334 100644
--- a/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx
+++ b/src/components/Dashboard/Modals/SelectElement/Components/Overview/AvailableElementsOverview.tsx
@@ -38,29 +38,27 @@ export const AvailableElementTypes = ({
         category: {
           id: uuidv4(),
           name: 'New category',
-          position: 0,
+          position: 0, // doesn't matter, is being overwritten
         },
         onSuccess: async (category) => {
           if (!configName) return;
 
           await updateConfig(configName, (previousConfig) => ({
             ...previousConfig,
-            wrappers:
-              previousConfig.wrappers.length <= previousConfig.categories.length
-                ? [
-                    ...previousConfig.wrappers,
-                    {
-                      id: uuidv4(),
-                      position: previousConfig.categories.length,
-                    },
-                  ]
-                : previousConfig.wrappers,
+            wrappers: [
+              ...previousConfig.wrappers,
+              {
+                id: uuidv4(),
+                // Thank you ChatGPT ;)
+                position: previousConfig.categories.length + 1,
+              },
+            ],
             categories: [
               ...previousConfig.categories,
               {
                 id: uuidv4(),
                 name: category.name,
-                position: previousConfig.categories.length,
+                position: previousConfig.categories.length + 1,
               },
             ],
           })).then(() => {