From b1591f86bbd36e160818626760e0717ee50878e0 Mon Sep 17 00:00:00 2001
From: Tormak <63308171+Tormak9970@users.noreply.github.com>
Date: Wed, 29 Mar 2023 07:10:55 -0500
Subject: [PATCH] feat: reorderable list now saves on backout

---
 src/custom-components/ReorderableList.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/custom-components/ReorderableList.tsx b/src/custom-components/ReorderableList.tsx
index 06eb023..9e89a4f 100644
--- a/src/custom-components/ReorderableList.tsx
+++ b/src/custom-components/ReorderableList.tsx
@@ -52,6 +52,13 @@ export function ReorderableList<T>(props: ReorderableListProps<T>) {
     }
   }
 
+  function saveOnBackout(e: Event) {
+    const event = e as CustomEvent;
+    if (event.detail.button == GamepadButton.CANCEL) {
+      toggleReorderEnabled();
+    }
+  }
+
   return (
     <Fragment>
       <div
@@ -70,6 +77,7 @@ export function ReorderableList<T>(props: ReorderableListProps<T>) {
           onSecondaryButton={toggleReorderEnabled}
           onSecondaryActionDescription={reorderEnabled ? 'Save Order' : 'Reorder'}
           onClick={toggleReorderEnabled}
+          onButtonDown={saveOnBackout}
         >
           {entryList.map((entry: ReorderableEntry<T>) => (
             <ReorderableItem