refactor: admin settings (#22109)

web/src/lib/components/admin-settings/AdminSettings.svelte

@@ -0,0 +1,87 @@
+<script lang="ts">
+  import {
+    NotificationType,
+    notificationController,
+  } from '$lib/components/shared-components/notification/notification';
+  import { handleError } from '$lib/utils/handle-error';
+  import { getConfig, getConfigDefaults, updateConfig, type SystemConfigDto } from '@immich/sdk';
+  import { retrieveServerConfig } from '$lib/stores/server-config.store';
+  import { cloneDeep, isEqual } from 'lodash-es';
+  import { onMount } from 'svelte';
+  import type { SettingsResetOptions } from './admin-settings';
+  import { t } from 'svelte-i18n';
+
+  interface Props {
+    config: SystemConfigDto;
+    children: import('svelte').Snippet<[{ savedConfig: SystemConfigDto; defaultConfig: SystemConfigDto }]>;
+  }
+
+  let { config = $bindable(), children }: Props = $props();
+
+  let savedConfig: SystemConfigDto | undefined = $state();
+  let defaultConfig: SystemConfigDto | undefined = $state();
+
+  export const handleReset = async (options: SettingsResetOptions) => {
+    await (options.default ? resetToDefault(options.configKeys) : reset(options.configKeys));
+  };
+
+  export const handleSave = async (update: Partial<SystemConfigDto>) => {
+    let systemConfigDto = {
+      ...savedConfig,
+      ...update,
+    } as SystemConfigDto;
+
+    if (isEqual(systemConfigDto, savedConfig)) {
+      return;
+    }
+    try {
+      const newConfig = await updateConfig({
+        systemConfigDto,
+      });
+
+      config = cloneDeep(newConfig);
+      savedConfig = cloneDeep(newConfig);
+      notificationController.show({ message: $t('settings_saved'), type: NotificationType.Info });
+
+      await retrieveServerConfig();
+    } catch (error) {
+      handleError(error, $t('errors.unable_to_save_settings'));
+    }
+  };
+
+  const reset = async (configKeys: Array<keyof SystemConfigDto>) => {
+    const resetConfig = await getConfig();
+
+    for (const key of configKeys) {
+      config = { ...config, [key]: resetConfig[key] };
+    }
+
+    notificationController.show({
+      message: $t('admin.reset_settings_to_recent_saved'),
+      type: NotificationType.Info,
+    });
+  };
+
+  const resetToDefault = (configKeys: Array<keyof SystemConfigDto>) => {
+    if (!defaultConfig) {
+      return;
+    }
+
+    for (const key of configKeys) {
+      config = { ...config, [key]: defaultConfig[key] };
+    }
+
+    notificationController.show({
+      message: $t('admin.reset_settings_to_default'),
+      type: NotificationType.Info,
+    });
+  };
+
+  onMount(async () => {
+    [savedConfig, defaultConfig] = await Promise.all([getConfig(), getConfigDefaults()]);
+  });
+</script>
+
+{#if savedConfig && defaultConfig}
+  {@render children({ savedConfig, defaultConfig })}
+{/if}