dirk-cfx-react 1.1.54 → 1.1.55

package/dist/components/index.cjs

@@ -3817,9 +3817,25 @@ function cloneSettings(value) {
 var defaultOnClose = () => fetchNui("CLOSE_ADMIN_SECTION");
 function SettingsPanel(props) {
   const { open, onClose = defaultOnClose } = props;
-  const { store, updateSettings } = getScriptSettingsInstance();
+  const { store, updateSettings, fetchSettings } = getScriptSettingsInstance();
   const [isSaving, setIsSaving] = react.useState(false);
-  if (!open) return null;
+  const [loaded, setLoaded] = react.useState(false);
+  react.useEffect(() => {
+    if (!open) {
+      setLoaded(false);
+      return;
+    }
+    let cancelled = false;
+    fetchSettings().then(() => {
+      if (!cancelled) setLoaded(true);
+    }).catch(() => {
+      if (!cancelled) setLoaded(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [open]);
+  if (!open || !loaded) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: settingsPanelQueryClient, children: /* @__PURE__ */ jsxRuntime.jsx(
     FormProvider,
     {
@@ -3831,6 +3847,7 @@ function SettingsPanel(props) {
           const result = await updateSettings(form.values);
           if (result?.success) {
             form.reinitialize(cloneSettings(form.values));
+            settingsPanelQueryClient.invalidateQueries({ queryKey: ["scriptSettingsHistory"] });
             return;
           }
           form.reinitialize(cloneSettings(store.getState()));