From 0230dc284bdbb6668580c989f6a5235e4e4dd6ba Mon Sep 17 00:00:00 2001
From: Justin <5438593+ITestInProd@users.noreply.github.com>
Date: Tue, 29 Oct 2024 12:02:34 -0500
Subject: [PATCH] feat(web): disable opening image and library sub-items by
 default (#13729)

Disable opening image and library sub-items by default

Disable both the Image Settings and the External Library sub-items by default. This aligns with auth other settings sub-items showing as collapsed by default.
---
 .../admin-page/settings/image/image-settings.svelte          | 5 +++--
 .../settings/library-settings/library-settings.svelte        | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/src/lib/components/admin-page/settings/image/image-settings.svelte b/web/src/lib/components/admin-page/settings/image/image-settings.svelte
index b5e381d5f8..50ae494570 100644
--- a/web/src/lib/components/admin-page/settings/image/image-settings.svelte
+++ b/web/src/lib/components/admin-page/settings/image/image-settings.svelte
@@ -19,6 +19,7 @@
   export let disabled = false;
   export let onReset: SettingsResetEvent;
   export let onSave: SettingsSaveEvent;
+  export let openByDefault = false;
 </script>
 
 <div>
@@ -29,7 +30,7 @@
           key="thumbnail-settings"
           title={$t('admin.image_thumbnail_title')}
           subtitle={$t('admin.image_thumbnail_description')}
-          isOpen={true}
+          isOpen={openByDefault}
         >
           <SettingSelect
             label={$t('admin.image_format')}
@@ -75,7 +76,7 @@
           key="preview-settings"
           title={$t('admin.image_preview_title')}
           subtitle={$t('admin.image_preview_description')}
-          isOpen={true}
+          isOpen={openByDefault}
         >
           <SettingSelect
             label={$t('admin.image_format')}
diff --git a/web/src/lib/components/admin-page/settings/library-settings/library-settings.svelte b/web/src/lib/components/admin-page/settings/library-settings/library-settings.svelte
index e11a20a706..72f899a7d6 100644
--- a/web/src/lib/components/admin-page/settings/library-settings/library-settings.svelte
+++ b/web/src/lib/components/admin-page/settings/library-settings/library-settings.svelte
@@ -18,6 +18,7 @@
   export let disabled = false;
   export let onReset: SettingsResetEvent;
   export let onSave: SettingsSaveEvent;
+  export let openByDefault = false;
 
   $: cronExpressionOptions = [
     { title: $t('interval.night_at_midnight'), expression: '0 0 * * *' },
@@ -35,7 +36,7 @@
           key="library-watching"
           title={$t('admin.library_watching_settings')}
           subtitle={$t('admin.library_watching_settings_description')}
-          isOpen
+          isOpen={openByDefault}
         >
           <div class="ml-4 mt-4 flex flex-col gap-4">
             <SettingSwitch
@@ -50,7 +51,7 @@
           key="library-scanning"
           title={$t('admin.library_scanning')}
           subtitle={$t('admin.library_scanning_description')}
-          isOpen
+          isOpen={openByDefault}
         >
           <div class="ml-4 mt-4 flex flex-col gap-4">
             <SettingSwitch