fix: list didn't update on prop change

This commit is contained in:
Tormak
2023-02-03 15:33:03 -06:00
parent 667933bd7c
commit b146eab8d7

View File

@@ -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);