From e0e7adb2b2c2ea38f37b1b9e0a29485572977997 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 17 Jul 2024 10:40:23 +1000
Subject: [PATCH] tidy(ui): hide layer settings by default

---
 .../src/features/controlLayers/components/InpaintMask/IM.tsx    | 2 +-
 .../web/src/features/controlLayers/components/Layer/Layer.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IM.tsx b/invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IM.tsx
index 3c0fb3b75b..544fece75b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IM.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/InpaintMask/IM.tsx
@@ -11,7 +11,7 @@ export const IM = memo(() => {
   const dispatch = useAppDispatch();
   const selectedBorderColor = useAppSelector((s) => rgbColorToString(s.canvasV2.inpaintMask.fill));
   const isSelected = useAppSelector((s) => s.canvasV2.selectedEntityIdentifier?.id === 'inpaint_mask');
-  const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: true });
+  const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: false });
   const onSelect = useCallback(() => {
     dispatch(entitySelected({ id: 'inpaint_mask', type: 'inpaint_mask' }));
   }, [dispatch]);
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Layer/Layer.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Layer/Layer.tsx
index 9c1b315b80..5fda4e72b4 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Layer/Layer.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Layer/Layer.tsx
@@ -15,7 +15,7 @@ type Props = {
 export const Layer = memo(({ id }: Props) => {
   const dispatch = useAppDispatch();
   const isSelected = useAppSelector((s) => s.canvasV2.selectedEntityIdentifier?.id === id);
-  const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: true });
+  const { isOpen, onToggle } = useDisclosure({ defaultIsOpen: false });
   const onSelect = useCallback(() => {
     dispatch(entitySelected({ id, type: 'layer' }));
   }, [dispatch, id]);