Merge pull request #37 from fiatjaf/save-show-replies-setting

save "Show Replies" setting on `localStorage`

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";
 
+var 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,14 @@ 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");
+          showRepliesStored = v.target.checked;
+          showReplies.onToggle();
+        }}
+      >
         Show Replies
       </Switch>
       <RelaySelectionButton ml="auto" />