From b9a1ce5ab548324a626bb35886dd524555569085 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Sun, 22 Dec 2024 02:36:14 +0100
Subject: [PATCH] Adjusted sorting

---
 .../assetManager/partials/sprite/SpriteDetails.vue   | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue b/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
index 5e9c277..15f8eb0 100644
--- a/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
+++ b/src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
@@ -86,7 +86,7 @@ if (!selectedSprite.value) {
 
 if (selectedSprite.value) {
   spriteName.value = selectedSprite.value.name
-  spriteActions.value = selectedSprite.value.spriteActions
+  spriteActions.value = sortSpriteActions(selectedSprite.value.spriteActions)
 }
 
 function deleteSprite() {
@@ -147,7 +147,7 @@ function addNewImage() {
   if (!selectedSprite.value) return
 
   const newImage: SpriteAction = {
-    id: uuidv4(), // Temporary ID, should be replaced by server-generated ID
+    id: uuidv4(),
     spriteId: selectedSprite.value.id,
     sprite: selectedSprite.value,
     action: 'new_action',
@@ -165,13 +165,17 @@ function addNewImage() {
     spriteActions.value = []
   }
 
-  spriteActions.value.push(newImage)
+  spriteActions.value = sortSpriteActions([...spriteActions.value, newImage])
+}
+
+function sortSpriteActions(actions: SpriteAction[]): SpriteAction[] {
+  return [...actions].sort((a, b) => a.action.localeCompare(b.action))
 }
 
 watch(selectedSprite, (sprite: Sprite | null) => {
   if (!sprite) return
   spriteName.value = sprite.name
-  spriteActions.value = sprite.spriteActions
+  spriteActions.value = sortSpriteActions(sprite.spriteActions)
 })
 
 onMounted(() => {