fix: list didn't update on prop change

SteamDeckHomebrew · Feb 3, 2023 · b146eab · b146eab
1 parent 667933b
commit b146eab
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/custom-components/ReorderableList.tsx b/src/custom-components/ReorderableList.tsx
@@ -1,4 +1,4 @@
-import { Fragment, JSXElementConstructor, ReactElement, useState } from "react";
+import { Fragment, JSXElementConstructor, ReactElement, useEffect, useState } from "react";
 import { Field, FieldProps, Focusable, GamepadButton } from "../deck-components";
 
 export type ReorderableEntry<T> = {
@@ -23,6 +23,10 @@ export function ReorderableList<T>(props: ListProps<T>) {
   const [entryList, setEntryList] = useState<ReorderableEntry<T>[]>(props.entries.sort((a:ReorderableEntry<T>, b:ReorderableEntry<T>) => a.position - b.position));
   const [reorderEnabled, setReorderEnabled] = useState<boolean>(false);
 
+  useEffect(() => {
+    setEntryList(props.entries.sort((a: ReorderableEntry<T>, b: ReorderableEntry<T>) => a.position - b.position));
+  }, [props.entries]);
+
   function toggleReorderEnabled(): void {
     let newReorderValue = !reorderEnabled;
     setReorderEnabled(newReorderValue);