highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-09-25 19:23:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

save "Show Replies" setting on localStorage.

Browse Source
This commit is contained in:
fiatjaf
2023-10-24 10:29:13 -03:00
parent 9ba21dea15
commit d47a246617
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/home/index.tsx
View File

@@ -14,9 +14,11 @@ import RelaySelectionProvider, { useRelaySelectionContext } from "../../provider
import { NostrRequestFilter } from "../../types/nostr-query"; import { NostrRequestFilter } from "../../types/nostr-query";
import useClientSideMuteFilter from "../../hooks/use-client-side-mute-filter"; import useClientSideMuteFilter from "../../hooks/use-client-side-mute-filter";
const showRepliesStored = localStorage.getItem("show-replies") === "true";
function HomePage() { function HomePage() {
const timelinePageEventFilter = useTimelinePageEventFilter(); const timelinePageEventFilter = useTimelinePageEventFilter();
const showReplies = useDisclosure(); const showReplies = useDisclosure({ defaultIsOpen: showRepliesStored });
const muteFilter = useClientSideMuteFilter(); const muteFilter = useClientSideMuteFilter();
const eventFilter = useCallback( const eventFilter = useCallback(
(event: NostrEvent) => { (event: NostrEvent) => {
@@ -44,7 +46,13 @@ function HomePage() {
const header = ( const header = (
<Flex gap="2" wrap="wrap" px={["2", 0]} alignItems="center"> <Flex gap="2" wrap="wrap" px={["2", 0]} alignItems="center">
<PeopleListSelection /> <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 Show Replies
</Switch> </Switch>
<RelaySelectionButton ml="auto" /> <RelaySelectionButton ml="auto" />