From d47a2466173dc1735463ce524efa24bad2da94b5 Mon Sep 17 00:00:00 2001
From: fiatjaf <fiatjaf@gmail.com>
Date: Tue, 24 Oct 2023 10:29:13 -0300
Subject: [PATCH 1/2] save "Show Replies" setting on localStorage.

---
 src/views/home/index.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/views/home/index.tsx b/src/views/home/index.tsx
index 1a285a499..49c68f8b0 100644
--- a/src/views/home/index.tsx
+++ b/src/views/home/index.tsx
@@ -14,9 +14,11 @@ import RelaySelectionProvider, { useRelaySelectionContext } from "../../provider
 import { NostrRequestFilter } from "../../types/nostr-query";
 import useClientSideMuteFilter from "../../hooks/use-client-side-mute-filter";
 
+const showRepliesStored = localStorage.getItem("show-replies") === "true";
+
 function HomePage() {
   const timelinePageEventFilter = useTimelinePageEventFilter();
-  const showReplies = useDisclosure();
+  const showReplies = useDisclosure({ defaultIsOpen: showRepliesStored });
   const muteFilter = useClientSideMuteFilter();
   const eventFilter = useCallback(
     (event: NostrEvent) => {
@@ -44,7 +46,13 @@ function HomePage() {
   const header = (
     <Flex gap="2" wrap="wrap" px={["2", 0]} alignItems="center">
       <PeopleListSelection />
-      <Switch isChecked={showReplies.isOpen} onChange={showReplies.onToggle}>
+      <Switch
+        isChecked={showReplies.isOpen}
+        onChange={(v) => {
+          localStorage.setItem("show-replies", v.target.checked ? "true" : "false");
+          showReplies.onToggle();
+        }}
+      >
         Show Replies
       </Switch>
       <RelaySelectionButton ml="auto" />

From fda858703798811644e70b47d3ce7b71f3f152cb Mon Sep 17 00:00:00 2001
From: fiatjaf <fiatjaf@gmail.com>
Date: Tue, 24 Oct 2023 18:19:46 -0300
Subject: [PATCH 2/2] update variable.

---
 src/views/home/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/home/index.tsx b/src/views/home/index.tsx
index 49c68f8b0..ecd895a91 100644
--- a/src/views/home/index.tsx
+++ b/src/views/home/index.tsx
@@ -14,7 +14,7 @@ import RelaySelectionProvider, { useRelaySelectionContext } from "../../provider
 import { NostrRequestFilter } from "../../types/nostr-query";
 import useClientSideMuteFilter from "../../hooks/use-client-side-mute-filter";
 
-const showRepliesStored = localStorage.getItem("show-replies") === "true";
+var showRepliesStored = localStorage.getItem("show-replies") === "true";
 
 function HomePage() {
   const timelinePageEventFilter = useTimelinePageEventFilter();
@@ -50,6 +50,7 @@ function HomePage() {
         isChecked={showReplies.isOpen}
         onChange={(v) => {
           localStorage.setItem("show-replies", v.target.checked ? "true" : "false");
+          showRepliesStored = v.target.checked;
           showReplies.onToggle();
         }}
       >