remember toggle state in local storage

client/src/components/Forms/PostFormCard.tsx

@@ -47,7 +47,8 @@ const NewNoteCard = ({
         if (refEvent && tagType && unsigned.tags.length === 0) {
             const tags = tagMapping[tagType];
             if (tags) {
-                tags.forEach(tag => unsigned.tags.push([tag, refEvent[tag === 'p' ? 'pubkey' : 'id']]));
+                tags.forEach(tag => unsigned.tags.push([tag, refEvent[tag === 'p' ? 'pubkey' : 'id']])); 
+                // Ref event should be the latest event they're replying to, and their event should include prev replies
             }
             if (tagType === 'Quote') {
                 setComment(comment + '\nnostr:' + nip19.noteEncode(refEvent.id));

client/src/components/Home.tsx

@@ -29,8 +29,8 @@ const useUniqEvents = () => {
 
 const Home = () => {
   const filterDifficulty = localStorage.getItem("filterDifficulty") || DEFAULT_DIFFICULTY;
-  const [sortByTime, setSortByTime] = useState(true);
+  const [sortByTime, setSortByTime] = useState<boolean>(localStorage.getItem('sortBy') !== 'false');
-  const [setAnon, setSetAnon] = useState(true);
+  const [setAnon, setSetAnon] = useState<boolean>(localStorage.getItem('anonMode') !== 'false');
   const { noteEvents, metadataEvents } = useUniqEvents();
 
   const postEvents = noteEvents
@@ -49,11 +49,19 @@ const Home = () => {
   );
 
   const toggleSort = useCallback(() => {
-    setSortByTime(prev => !prev);
+    setSortByTime(prev => {
+      const newValue = !prev;
+      localStorage.setItem('sortBy', String(newValue));
+      return newValue;
+    });
   }, []);
 
   const toggleAnon = useCallback(() => {
-    setSetAnon(prev => !prev);
+    setSetAnon(prev => {
+      const newValue = !prev;
+      localStorage.setItem('anonMode', String(newValue));
+      return newValue;
+    });
   }, []);
 
   const countReplies = (event: Event) => {