From 8f8ad86cdb5c57a0d518a5c8a1669724dc0315da Mon Sep 17 00:00:00 2001
From: Jed Fox <git@jedfox.com>
Date: Wed, 12 Oct 2022 10:52:00 -0400
Subject: [PATCH] Hide advanced settings by default

---
 packages/desktop-client/src/components/Settings.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/desktop-client/src/components/Settings.js b/packages/desktop-client/src/components/Settings.js
index e8991dbd79..8e59045aa5 100644
--- a/packages/desktop-client/src/components/Settings.js
+++ b/packages/desktop-client/src/components/Settings.js
@@ -13,6 +13,7 @@ import {
   View,
   Text,
   Button,
+  Link,
   ButtonWithLoading,
   AnchorLink
 } from 'loot-design/src/components/common';
@@ -71,6 +72,7 @@ function ButtonSetting({ button, children, onClick }) {
 function Advanced({ prefs, resetSync }) {
   let [resetting, setResetting] = useState(false);
   let [resettingCache, setResettingCache] = useState(false);
+  let [expanded, setExpanded] = useState(false);
 
   async function onResetSync() {
     setResetting(true);
@@ -84,7 +86,7 @@ function Advanced({ prefs, resetSync }) {
     setResettingCache(false);
   }
 
-  return (
+  return expanded ? (
     <Section title="Advanced Settings" style={{ marginBottom: 25 }}>
       <Text>Budget ID: {prefs.id}</Text>
       <Text style={{ color: colors.n6 }}>
@@ -123,6 +125,13 @@ function Advanced({ prefs, resetSync }) {
         </Text>
       </ButtonSetting>
     </Section>
+  ) : (
+    <Link
+      onClick={() => setExpanded(true)}
+      style={{ flexShrink: 0, alignSelf: 'flex-start', color: colors.p4 }}
+    >
+      Show advanced settings
+    </Link>
   );
 }