From e0862a85ff5a1a6732bc698924dcab16c3153078 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 17 Feb 2024 15:47:17 +0100
Subject: [PATCH 01/15] fix(subplebbit settings): reset store, challenges
 setting would not update on subplebbitAddress change

---
 .../subplebbit/subplebbit-settings/subplebbit-settings.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 0c68c85b..84efb1c3 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -870,8 +870,8 @@ const SubplebbitSettings = () => {
     }
   }, [createdSubplebbit, navigate]);
 
-  // set the store with the initial data
   useEffect(() => {
+    resetSubplebbitSettingsStore();
     if (subplebbitAddress) {
       setSubplebbitSettingsStore({
         title: title ?? '',
@@ -886,7 +886,7 @@ const SubplebbitSettings = () => {
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [subplebbitAddress]);
+  }, [subplebbitAddress, resetSubplebbitSettingsStore]);
 
   useEffect(() => {
     if (isInCreateSubplebbitView) {

From 2f815785fa707f5a7d38f56730d2ffa39bd18fef Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 17 Feb 2024 16:32:40 +0100
Subject: [PATCH 02/15] fix(subplebbit settings): read only exclude setting
 wasn't displayed properly

---
 src/lib/utils/challenge-utils.ts                 |  2 +-
 .../subplebbit-settings/subplebbit-settings.tsx  | 16 ++++++++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/lib/utils/challenge-utils.ts b/src/lib/utils/challenge-utils.ts
index 8d61969c..36f09f82 100644
--- a/src/lib/utils/challenge-utils.ts
+++ b/src/lib/utils/challenge-utils.ts
@@ -132,7 +132,7 @@ export type OptionInput = {
 
 export type Exclude = {
   postScore?: number;
-  postReply?: number;
+  replyScore?: number;
   firstCommentTimestamp?: number;
   challenges?: number[];
   post?: boolean;
diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 84efb1c3..2712bf6e 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -515,7 +515,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                     )}
                   </div>
                 )}
-                {isReadOnly && !exclude?.postScore && !exclude?.postReply ? null : (
+                {isReadOnly && !(exclude?.postScore || exclude?.replyScore) ? null : (
                   <div className={styles.challengeOption}>
                     User's karma
                     {isReadOnly && !exclude?.postScore ? null : (
@@ -528,13 +528,17 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                         )}
                       </>
                     )}
-                    {isReadOnly && !exclude?.postReply ? null : (
+                    {isReadOnly && !exclude?.replyScore ? null : (
                       <>
                         <div className={styles.challengeOptionDescription}>Comment karma is at least:</div>
                         {isReadOnly ? (
-                          <span>{exclude?.postReply}</span>
+                          <span>{exclude?.replyScore}</span>
                         ) : (
-                          <input type='number' value={exclude?.postReply || undefined} onChange={(e) => handleExcludeChange(excludeIndex, 'postReply', e.target.value)} />
+                          <input
+                            type='number'
+                            value={exclude?.replyScore || undefined}
+                            onChange={(e) => handleExcludeChange(excludeIndex, 'replyScore', e.target.value)}
+                          />
                         )}
                       </>
                     )}
@@ -580,7 +584,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                     )}
                   </div>
                 )}
-                {isReadOnly && actionsToExclude.some((action) => exclude.hasOwnProperty(action)) ? null : (
+                {isReadOnly && !actionsToExclude.some((action) => exclude[action] === true) ? null : (
                   <div className={styles.challengeOption}>
                     User's action
                     <div className={styles.challengeOptionDescription}>Is all of the following:</div>
@@ -604,7 +608,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                       ),
                     )}
                     {nonActionsToExclude.map((nonAction) =>
-                      isReadOnly && exclude?.[nonAction.replace('not ', '')] ? null : (
+                      isReadOnly && exclude?.[nonAction.replace('not ', '')] !== null ? null : (
                         <div key={nonAction}>
                           {isReadOnly ? (
                             <span className={styles.readOnlyActionExclude}>{nonAction} excluded</span>

From 0a673991236fa8a1314746ccc2ada42ff83a3e33 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 17 Feb 2024 18:28:46 +0100
Subject: [PATCH 03/15] fix(post): dotted border for last visited post should
 only persist in the same window

---
 src/components/post/post.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index 84ea1755..0802dd02 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -152,13 +152,13 @@ const Post = ({ index, post = {} }: PostProps) => {
   const { subscribe, subscribed } = useSubscribe({ subplebbitAddress });
 
   // show gray dotted border around last clicked post
-  const isLastClicked = localStorage.getItem('lastClickedPost') === cid;
+  const isLastClicked = sessionStorage.getItem('lastClickedPost') === cid;
   const handlePostClick = () => {
     if (cid) {
-      if (localStorage.getItem('lastClickedPost') === cid) {
-        localStorage.removeItem('lastClickedPost');
+      if (sessionStorage.getItem('lastClickedPost') === cid) {
+        sessionStorage.removeItem('lastClickedPost');
       } else {
-        localStorage.setItem('lastClickedPost', cid);
+        sessionStorage.setItem('lastClickedPost', cid);
       }
     }
   };

From 292609b84f69d052c3888c25b084aa84e52a405b Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 17 Feb 2024 18:44:41 +0100
Subject: [PATCH 04/15] Update comment-tools.tsx

---
 src/components/post/comment-tools/comment-tools.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/post/comment-tools/comment-tools.tsx b/src/components/post/comment-tools/comment-tools.tsx
index dba9578c..6dd1ac03 100644
--- a/src/components/post/comment-tools/comment-tools.tsx
+++ b/src/components/post/comment-tools/comment-tools.tsx
@@ -39,10 +39,10 @@ const PostTools = ({ author, cid, hasLabel, index, isAuthor, isMod, subplebbitAd
   // show gray dotted border around last clicked post
   const handlePostClick = () => {
     if (cid) {
-      if (localStorage.getItem('lastClickedPost') === cid) {
-        localStorage.removeItem('lastClickedPost');
+      if (sessionStorage.getItem('lastClickedPost') === cid) {
+        sessionStorage.removeItem('lastClickedPost');
       } else {
-        localStorage.setItem('lastClickedPost', cid);
+        sessionStorage.setItem('lastClickedPost', cid);
       }
     }
   };

From ff52a9a05e50770133a18648d8683242281cf0ad Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 11:38:53 +0100
Subject: [PATCH 05/15] fix(expando): clicking on video would redirect to
 external link

---
 src/components/post/expando/expando.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/post/expando/expando.tsx b/src/components/post/expando/expando.tsx
index ea647449..17d4a683 100644
--- a/src/components/post/expando/expando.tsx
+++ b/src/components/post/expando/expando.tsx
@@ -24,16 +24,13 @@ const Expando = ({ commentMediaInfo, content, expanded, link, reason, removed, s
   const [showSpoiler, setShowSpoiler] = useState(false);
 
   let mediaComponent = null;
-  let noExpandButton = false;
 
   if (commentMediaInfo?.type === 'image') {
     mediaComponent = <img src={commentMediaInfo.url} alt='' />;
-    noExpandButton = true;
   } else if (commentMediaInfo?.type === 'video' && expanded) {
     mediaComponent = <video src={commentMediaInfo.url} controls />;
   } else if (commentMediaInfo?.type === 'webpage' && commentMediaInfo?.thumbnail) {
     mediaComponent = <img src={commentMediaInfo.thumbnail} alt='' />;
-    noExpandButton = true;
   } else if (commentMediaInfo?.type === 'audio' && expanded) {
     mediaComponent = <audio src={commentMediaInfo.url} controls />;
   } else if (commentMediaInfo?.type === 'iframe' && expanded) {
@@ -53,7 +50,7 @@ const Expando = ({ commentMediaInfo, content, expanded, link, reason, removed, s
           <Link
             to={link}
             onClick={(e) => {
-              if (e.button === 0 && noExpandButton) {
+              if (e.button === 0) {
                 e.preventDefault();
                 toggleExpanded && toggleExpanded();
               }

From 663e65eeacba24a5a86bec8756b96d9507012d8a Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 12:19:32 +0100
Subject: [PATCH 06/15] show spoiler button wasn't visible on posts

---
 src/components/post/expando/expando.module.css | 1 +
 src/components/post/expando/expando.tsx        | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/post/expando/expando.module.css b/src/components/post/expando/expando.module.css
index 606c4b13..14387150 100644
--- a/src/components/post/expando/expando.module.css
+++ b/src/components/post/expando/expando.module.css
@@ -68,6 +68,7 @@
   color: white;
   text-transform: lowercase;
   position: absolute;
+  font-size: 12px;
   z-index: 1;
   top: 50%;
   left: 50%;
diff --git a/src/components/post/expando/expando.tsx b/src/components/post/expando/expando.tsx
index 17d4a683..fd42a12c 100644
--- a/src/components/post/expando/expando.tsx
+++ b/src/components/post/expando/expando.tsx
@@ -44,7 +44,12 @@ const Expando = ({ commentMediaInfo, content, expanded, link, reason, removed, s
         spoiler && !showSpoiler && setShowSpoiler(true);
       }}
     >
-      <div className={spoiler && !showSpoiler ? styles.hideSpoiler : ''} />
+      {spoiler && !showSpoiler && (
+        <>
+          <div className={styles.hideSpoiler} />
+          <span className={styles.showSpoilerButton}>{t('view_spoiler')}</span>
+        </>
+      )}
       {link && !removed && (
         <div className={styles.mediaPreview}>
           <Link
@@ -63,7 +68,6 @@ const Expando = ({ commentMediaInfo, content, expanded, link, reason, removed, s
       {content && showContent && (
         <div className={styles.usertext}>
           <div className={styles.markdown}>
-            {spoiler && !showSpoiler && <div className={styles.showSpoilerButton}>{t('view_spoiler')}</div>}
             <Markdown content={content} />
             {reason && (
               <div className={styles.modReason}>

From 2c97af5693b44dd5d861f9e457e6d981f81488bf Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 12:46:28 +0100
Subject: [PATCH 07/15] update html document titles to be like reddit's

---
 src/views/all/all.tsx               | 2 +-
 src/views/author/author.tsx         | 8 +++++++-
 src/views/home/home.tsx             | 2 +-
 src/views/profile/profile.tsx       | 5 +++++
 src/views/settings/settings.tsx     | 5 +++--
 src/views/subplebbit/subplebbit.tsx | 2 +-
 6 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/all/all.tsx b/src/views/all/all.tsx
index de59cf9f..b613246c 100644
--- a/src/views/all/all.tsx
+++ b/src/views/all/all.tsx
@@ -41,7 +41,7 @@ const All = () => {
   );
 
   useEffect(() => {
-    document.title = `p/all - seedit`;
+    document.title = t('all');
   }, [t]);
 
   const Footer = () => {
diff --git a/src/views/author/author.tsx b/src/views/author/author.tsx
index 5f75c16f..942a62c5 100644
--- a/src/views/author/author.tsx
+++ b/src/views/author/author.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useRef } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
-import { useAuthorComments } from '@plebbit/plebbit-react-hooks';
+import { useAuthorComments, useAuthor } from '@plebbit/plebbit-react-hooks';
 import { StateSnapshot, Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 import { isAuthorCommentsView, isAuthorSubmittedView } from '../../lib/utils/view-utils';
 import { useTranslation } from 'react-i18next';
@@ -17,6 +17,7 @@ const Author = () => {
   const location = useLocation();
   const navigate = useNavigate();
   const { authorAddress, commentCid, sortType } = useParams();
+  const author = useAuthor({ commentCid, authorAddress });
   const params = useParams();
   const isInAuthorCommentsView = isAuthorCommentsView(location.pathname, params);
   const isInAuthorSubmittedView = isAuthorSubmittedView(location.pathname, params);
@@ -64,6 +65,11 @@ const Author = () => {
     }
   }, [authorAddress, lastCommentCid, commentCid, navigate]);
 
+  const profileTitle = author?.author?.displayName ? `${author?.author?.displayName} (u/${author?.author?.shortAddress})` : `u/${author?.author?.shortAddress}`;
+  useEffect(() => {
+    document.title = profileTitle + ' - Seedit';
+  }, [t]);
+
   return (
     <div className={styles.content}>
       <div className={isMobile ? styles.sidebarMobile : styles.sidebarDesktop}>
diff --git a/src/views/home/home.tsx b/src/views/home/home.tsx
index ed299c8e..b91529b1 100644
--- a/src/views/home/home.tsx
+++ b/src/views/home/home.tsx
@@ -56,7 +56,7 @@ const Home = () => {
   );
 
   useEffect(() => {
-    document.title = `${t('home')} - seedit`;
+    document.title = `Seedit`;
   }, [t]);
 
   const Footer = () => {
diff --git a/src/views/profile/profile.tsx b/src/views/profile/profile.tsx
index eeb164ed..ae33e31f 100644
--- a/src/views/profile/profile.tsx
+++ b/src/views/profile/profile.tsx
@@ -141,6 +141,11 @@ const Profile = () => {
     return () => window.removeEventListener('scroll', setLastVirtuosoState);
   }, [account?.shortAddress, params.sortType]);
 
+  const profileTitle = account?.author?.displayName ? `${account?.author?.displayName} (u/${account?.author?.shortAddress})` : `u/${account?.author?.shortAddress}`;
+  useEffect(() => {
+    document.title = profileTitle + ' - Seedit';
+  }, [t]);
+
   return (
     <div className={styles.content}>
       <div className={isMobile ? styles.sidebarMobile : styles.sidebarDesktop}>
diff --git a/src/views/settings/settings.tsx b/src/views/settings/settings.tsx
index ace91782..3e027526 100644
--- a/src/views/settings/settings.tsx
+++ b/src/views/settings/settings.tsx
@@ -173,9 +173,10 @@ const Settings = () => {
     window.scrollTo(0, 0);
   }, []);
 
+  const documentTitle = `${t('preferences').charAt(0).toUpperCase()}${t('preferences').slice(1)} - Seedit`;
   useEffect(() => {
-    document.title = `${t('preferences')} - seedit`;
-  }, [t]);
+    document.title = documentTitle;
+  }, [documentTitle]);
 
   return (
     <div className={styles.content}>
diff --git a/src/views/subplebbit/subplebbit.tsx b/src/views/subplebbit/subplebbit.tsx
index 78437643..029fe6b8 100644
--- a/src/views/subplebbit/subplebbit.tsx
+++ b/src/views/subplebbit/subplebbit.tsx
@@ -28,7 +28,7 @@ const Subplebbit = () => {
   const loadingString = <div className={styles.stateString}>{state === 'failed' ? state : <LoadingEllipsis string={loadingStateString} />}</div>;
 
   useEffect(() => {
-    document.title = (title ? title : shortAddress) + ' - seedit';
+    document.title = title ? title : shortAddress;
   }, [title, shortAddress]);
 
   const Footer = () => {

From c71104942bcbf111c9bdbcd5c3c2fe93b69af01c Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 12:47:41 +0100
Subject: [PATCH 08/15] chore(package.json): add lodash

---
 package.json |  1 +
 yarn.lock    | 15 ---------------
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/package.json b/package.json
index 60500240..b34fa84d 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "i18next-browser-languagedetector": "7.1.0",
     "i18next-http-backend": "2.2.2",
     "json-stringify-pretty-compact": "4.0.0",
+    "lodash": "4.17.21",
     "memoizee": "0.4.15",
     "prettier": "3.0.3",
     "react": "18.2.0",
diff --git a/yarn.lock b/yarn.lock
index 800411ec..c208dd3a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2748,21 +2748,6 @@
   dependencies:
     debug "4.3.3"
 
-"@plebbit/plebbit-react-hooks@https://github.com/plebbit/plebbit-react-hooks.git#a2d2e9d4dd66f71bfd55768fb30e6799a77ee197":
-  version "0.0.1"
-  resolved "https://github.com/plebbit/plebbit-react-hooks.git#a2d2e9d4dd66f71bfd55768fb30e6799a77ee197"
-  dependencies:
-    "@plebbit/plebbit-js" "https://github.com/plebbit/plebbit-js.git#70f898084d7ffb4dd6187fcb00bb36b6fa3e9d25"
-    "@plebbit/plebbit-logger" "https://github.com/plebbit/plebbit-logger.git"
-    assert "2.0.0"
-    ethers "5.6.9"
-    localforage "1.10.0"
-    lodash.isequal "4.5.0"
-    memoizee "0.4.15"
-    quick-lru "5.1.1"
-    uuid "8.3.2"
-    zustand "4.0.0"
-
 "@plebbit/plebbit-react-hooks@https://github.com/plebbit/plebbit-react-hooks.git#a3163fe6799dd882b9eac439fd5dd71ec7983a00":
   version "0.0.1"
   resolved "https://github.com/plebbit/plebbit-react-hooks.git#a3163fe6799dd882b9eac439fd5dd71ec7983a00"

From 9845f672bf39d67b93177e36e3576a103751889a Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 12:49:39 +0100
Subject: [PATCH 09/15] use lodash to dynamically capitalize document title in
 all languages

---
 src/modules.d.ts                | 2 ++
 src/views/settings/settings.tsx | 3 ++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/modules.d.ts b/src/modules.d.ts
index 7e45a86a..5da1cd09 100644
--- a/src/modules.d.ts
+++ b/src/modules.d.ts
@@ -4,3 +4,5 @@ declare module '*.module.css' {
 }
 
 declare module 'ext-name';
+
+declare module 'lodash';
diff --git a/src/views/settings/settings.tsx b/src/views/settings/settings.tsx
index 3e027526..eb500321 100644
--- a/src/views/settings/settings.tsx
+++ b/src/views/settings/settings.tsx
@@ -6,6 +6,7 @@ import AccountSettings from './account-settings';
 import AddressSettings from './address-settings';
 import useTheme from '../../hooks/use-theme';
 import packageJson from '../../../package.json';
+import _ from 'lodash';
 
 const commitRef = process.env.REACT_APP_COMMIT_REF;
 const isElectron = window.isElectron === true;
@@ -173,7 +174,7 @@ const Settings = () => {
     window.scrollTo(0, 0);
   }, []);
 
-  const documentTitle = `${t('preferences').charAt(0).toUpperCase()}${t('preferences').slice(1)} - Seedit`;
+  const documentTitle = `${_.capitalize(t('preferences'))} - Seedit`;
   useEffect(() => {
     document.title = documentTitle;
   }, [documentTitle]);

From 4bc59c62c68f20187718693beaea15941f6a873c Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 14:47:55 +0100
Subject: [PATCH 10/15] update html document titles

---
 src/views/all/all.tsx                         |  6 ++--
 src/views/author/author.tsx                   |  2 +-
 src/views/inbox/inbox.tsx                     | 19 ++++++++++++-
 src/views/post-page/post-page.tsx             |  2 +-
 src/views/profile/profile.tsx                 |  2 +-
 src/views/settings/settings.tsx               |  2 +-
 src/views/submit/submit.module.css            |  1 +
 src/views/submit/submit.tsx                   | 17 +++++------
 .../subplebbit-settings.tsx                   | 17 +++++++++--
 src/views/subplebbits/subplebbits.tsx         | 28 ++++++++++++++++---
 10 files changed, 74 insertions(+), 22 deletions(-)

diff --git a/src/views/all/all.tsx b/src/views/all/all.tsx
index b613246c..707535fe 100644
--- a/src/views/all/all.tsx
+++ b/src/views/all/all.tsx
@@ -10,6 +10,7 @@ import Sidebar from '../../components/sidebar';
 import { useDefaultSubplebbitAddresses } from '../../lib/utils/addresses-utils';
 import useFeedStateString from '../../hooks/use-feed-state-string';
 import useTimeFilter, { TimeFilterKey } from '../../hooks/use-time-filter';
+import _ from 'lodash';
 
 const lastVirtuosoStates: { [key: string]: StateSnapshot } = {};
 
@@ -40,9 +41,10 @@ const All = () => {
     </div>
   );
 
+  const documentTitle = _.capitalize(t('all')) + ' - Seedit';
   useEffect(() => {
-    document.title = t('all');
-  }, [t]);
+    document.title = documentTitle;
+  }, [documentTitle]);
 
   const Footer = () => {
     let footerContent;
diff --git a/src/views/author/author.tsx b/src/views/author/author.tsx
index 942a62c5..73e9fcb4 100644
--- a/src/views/author/author.tsx
+++ b/src/views/author/author.tsx
@@ -68,7 +68,7 @@ const Author = () => {
   const profileTitle = author?.author?.displayName ? `${author?.author?.displayName} (u/${author?.author?.shortAddress})` : `u/${author?.author?.shortAddress}`;
   useEffect(() => {
     document.title = profileTitle + ' - Seedit';
-  }, [t]);
+  }, [t, profileTitle]);
 
   return (
     <div className={styles.content}>
diff --git a/src/views/inbox/inbox.tsx b/src/views/inbox/inbox.tsx
index 75aa80dd..1cd52825 100644
--- a/src/views/inbox/inbox.tsx
+++ b/src/views/inbox/inbox.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { StateSnapshot, Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 import { useAccount, useNotifications } from '@plebbit/plebbit-react-hooks';
@@ -6,6 +6,7 @@ import styles from './inbox.module.css';
 import Reply from '../../components/reply/reply';
 import { isInboxCommentRepliesView, isInboxPostRepliesView, isInboxUnreadView } from '../../lib/utils/view-utils';
 import { useTranslation } from 'react-i18next';
+import _ from 'lodash';
 
 const lastVirtuosoStates: { [key: string]: StateSnapshot } = {};
 
@@ -82,6 +83,22 @@ const Inbox = () => {
     return () => window.removeEventListener('scroll', setLastVirtuosoState);
   }, [unreadNotificationCount]);
 
+  const documentTitle = useMemo(() => {
+    let title = _.startCase(t('inbox'));
+    if (isInInboxUnreadView) {
+      title += ` - ${_.startCase(t('unread'))}`;
+    } else if (isInInboxCommentRepliesView) {
+      title += ` - ${_.startCase(t('comment_replies'))}`;
+    } else if (isInInboxPostRepliesView) {
+      title += ` - ${_.startCase(t('post_replies'))}`;
+    }
+    return `${title} - Seedit`;
+  }, [isInInboxCommentRepliesView, isInInboxPostRepliesView, isInInboxUnreadView, t]);
+
+  useEffect(() => {
+    document.title = documentTitle;
+  }, [documentTitle]);
+
   return (
     <div className={styles.content}>
       <InboxTabs />
diff --git a/src/views/post-page/post-page.tsx b/src/views/post-page/post-page.tsx
index 8c7d3e84..9385c45f 100644
--- a/src/views/post-page/post-page.tsx
+++ b/src/views/post-page/post-page.tsx
@@ -144,7 +144,7 @@ const PostPage = () => {
   const postTitle = post.title?.slice(0, 40) || post?.content?.slice(0, 40);
   const subplebbitTitle = subplebbit?.title || subplebbit?.shortAddress;
   useEffect(() => {
-    document.title = `${postTitle || ''}${postTitle && subplebbitTitle ? ' - ' : ''}${subplebbitTitle || ''}${postTitle || subplebbitTitle ? ' - seedit' : 'seedit'}`;
+    document.title = `${postTitle || ''}${postTitle && subplebbitTitle ? ' - ' : ''}${subplebbitTitle || ''}${postTitle || subplebbitTitle ? ' - Seedit' : 'Seedit'}`;
   }, [postTitle, subplebbitTitle]);
 
   useEffect(() => {
diff --git a/src/views/profile/profile.tsx b/src/views/profile/profile.tsx
index ae33e31f..f1c3ada1 100644
--- a/src/views/profile/profile.tsx
+++ b/src/views/profile/profile.tsx
@@ -144,7 +144,7 @@ const Profile = () => {
   const profileTitle = account?.author?.displayName ? `${account?.author?.displayName} (u/${account?.author?.shortAddress})` : `u/${account?.author?.shortAddress}`;
   useEffect(() => {
     document.title = profileTitle + ' - Seedit';
-  }, [t]);
+  }, [t, profileTitle]);
 
   return (
     <div className={styles.content}>
diff --git a/src/views/settings/settings.tsx b/src/views/settings/settings.tsx
index eb500321..63100174 100644
--- a/src/views/settings/settings.tsx
+++ b/src/views/settings/settings.tsx
@@ -174,7 +174,7 @@ const Settings = () => {
     window.scrollTo(0, 0);
   }, []);
 
-  const documentTitle = `${_.capitalize(t('preferences'))} - Seedit`;
+  const documentTitle = `${_.startCase(t('preferences'))} - Seedit`;
   useEffect(() => {
     document.title = documentTitle;
   }, [documentTitle]);
diff --git a/src/views/submit/submit.module.css b/src/views/submit/submit.module.css
index 737b9bc1..6f7eaedf 100644
--- a/src/views/submit/submit.module.css
+++ b/src/views/submit/submit.module.css
@@ -6,6 +6,7 @@
 h1 {
   font-size: 18px;
   font-weight: normal;
+  text-transform: lowercase;
   margin: 10px 0 !important;
 }
 
diff --git a/src/views/submit/submit.tsx b/src/views/submit/submit.tsx
index d7d8f1c4..6994b021 100644
--- a/src/views/submit/submit.tsx
+++ b/src/views/submit/submit.tsx
@@ -141,14 +141,6 @@ const Submit = () => {
   const { subscriptions } = account || {};
   const defaultSubplebbitAddresses = useDefaultSubplebbitAddresses();
 
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, []);
-
-  useEffect(() => {
-    document.title = t('submit_to_string', { string: subplebbit?.title || subplebbit?.shortAddress || 'seedit', interpolation: { escapeValue: false } });
-  }, [subplebbit, t]);
-
   const onPublish = () => {
     if (!titleRef.current?.value) {
       alert(`Missing title`);
@@ -272,6 +264,15 @@ const Submit = () => {
     }
   }, [paramsSubplebbitAddress, setSubmitStore]);
 
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
+  const documentTitle = t('submit_to_string', { string: subplebbit?.title || subplebbit?.shortAddress || 'Seedit', interpolation: { escapeValue: false } });
+  useEffect(() => {
+    document.title = documentTitle;
+  }, [documentTitle]);
+
   return (
     <div className={styles.content}>
       <h1>
diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 2712bf6e..8fe0e823 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useMemo, useRef, useState } from 'react';
 import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import {
   deleteSubplebbit,
@@ -19,6 +19,7 @@ import LoadingEllipsis from '../../../components/loading-ellipsis';
 import Markdown from '../../../components/markdown';
 import Sidebar from '../../../components/sidebar';
 import { isCreateSubplebbitView, isSubplebbitSettingsView } from '../../../lib/utils/view-utils';
+import _ from 'lodash';
 
 type SubplebbitSettingsState = {
   challenges: any[] | undefined;
@@ -902,9 +903,19 @@ const SubplebbitSettings = () => {
     window.scrollTo(0, 0);
   }, []);
 
+  const documentTitle = useMemo(() => {
+    let title;
+    if (isInSubplebbitSettingsView) {
+      title = _.startCase(t('community_settings'));
+    } else if (isInCreateSubplebbitView) {
+      title = _.startCase(t('create_community'));
+    }
+    return `${title} - Seedit`;
+  }, [isInCreateSubplebbitView, isInSubplebbitSettingsView, t]);
+
   useEffect(() => {
-    document.title = `${t('preferences')} - seedit`;
-  }, [t]);
+    document.title = documentTitle;
+  }, [documentTitle]);
 
   return (
     <div className={styles.content}>
diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index e46dcc8b..2b5054f1 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -19,6 +19,7 @@ import Markdown from '../../components/markdown';
 import Label from '../../components/post/label';
 import Sidebar from '../../components/sidebar';
 import SubscribeButton from '../../components/subscribe-button';
+import _ from 'lodash';
 
 interface SubplebbitProps {
   index?: number;
@@ -131,10 +132,6 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
   const { allActiveUserCount } = useSubplebbitStats({ subplebbitAddress: address });
   const isOnline = updatedAt && updatedAt > Date.now() / 1000 - 60 * 30;
 
-  useEffect(() => {
-    document.title = `${t('communities')} - seedit`;
-  }, [t]);
-
   return (
     <div className={styles.subplebbit}>
       <div className={styles.midcol}>
@@ -233,6 +230,7 @@ const AllAccountSubplebbits = () => {
 };
 
 const Subplebbits = () => {
+  const { t } = useTranslation();
   const location = useLocation();
   const isInSubplebbitsSubscriberView = isSubplebbitsSubscriberView(location.pathname);
   const isInSubplebbitsModeratorView = isSubplebbitsModeratorView(location.pathname);
@@ -256,6 +254,28 @@ const Subplebbits = () => {
     viewRole = 'owner';
   }
 
+  const documentTitle = useMemo(() => {
+    let title = _.startCase(t('communities'));
+    if (isInSubplebbitsVoteView) {
+      title += ` - ${_.startCase(t('vote'))}`;
+    } else if (isInSubplebbitsSubscriberView) {
+      title += ` - ${_.startCase(t('subscriber'))}`;
+    } else if (isInSubplebbitsModeratorView) {
+      title += ` - ${_.startCase(t('moderator'))}`;
+    } else if (isInSubplebbitsAdminView) {
+      title += ` - ${_.startCase(t('admin'))}`;
+    } else if (isInSubplebbitsOwnerView) {
+      title += ` - ${_.startCase(t('owner'))}`;
+    } else if (isInSubplebbitsView) {
+      title += ` - ${_.startCase(t('all'))}`;
+    }
+    return `${title} - Seedit`;
+  }, [isInSubplebbitsSubscriberView, isInSubplebbitsModeratorView, isInSubplebbitsAdminView, isInSubplebbitsOwnerView, isInSubplebbitsView, isInSubplebbitsVoteView, t]);
+
+  useEffect(() => {
+    document.title = documentTitle;
+  }, [documentTitle]);
+
   return (
     <div className={styles.content}>
       <div className={styles.sidebar}>

From 60c2a21a24615886f81bbf859a1e66369e4bcd4d Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 21:16:58 +0100
Subject: [PATCH 11/15] Update subplebbit-settings.tsx

---
 .../subplebbit-settings.tsx                   | 25 ++++++++++---------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 8fe0e823..f7d3dcba 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -408,10 +408,15 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
           if (exIdx === excludeIndex) {
             let newEx = { ...ex };
 
-            // Convert empty string to undefined
-            const processedValue = value === '' ? undefined : value;
-
             switch (type) {
+              case 'rateLimit':
+              case 'postScore':
+              case 'replyScore':
+                const parsedValue = parseInt(value, 10);
+                if (!isNaN(parsedValue)) {
+                  newEx[type] = parsedValue;
+                }
+                break;
               case 'not post':
                 newEx.post = value ? undefined : false;
                 break;
@@ -432,7 +437,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                 }
                 break;
               default:
-                newEx[type] = processedValue;
+                newEx[type] = value;
             }
             return newEx;
           }
@@ -525,7 +530,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                         {isReadOnly ? (
                           <span>{exclude?.postScore}</span>
                         ) : (
-                          <input type='number' value={exclude?.postScore || undefined} onChange={(e) => handleExcludeChange(excludeIndex, 'postScore', e.target.value)} />
+                          <input type='text' value={exclude?.postScore || undefined} onChange={(e) => handleExcludeChange(excludeIndex, 'postScore', e.target.value)} />
                         )}
                       </>
                     )}
@@ -535,11 +540,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                         {isReadOnly ? (
                           <span>{exclude?.replyScore}</span>
                         ) : (
-                          <input
-                            type='number'
-                            value={exclude?.replyScore || undefined}
-                            onChange={(e) => handleExcludeChange(excludeIndex, 'replyScore', e.target.value)}
-                          />
+                          <input type='text' value={exclude?.replyScore || undefined} onChange={(e) => handleExcludeChange(excludeIndex, 'replyScore', e.target.value)} />
                         )}
                       </>
                     )}
@@ -553,7 +554,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                       <span>{exclude?.firstCommentTimestamp}</span>
                     ) : (
                       <input
-                        type='number'
+                        type='text'
                         value={exclude?.firstCommentTimestamp || undefined}
                         onChange={(e) => handleExcludeChange(excludeIndex, 'firstCommentTimestamp', e.target.value)}
                       />
@@ -636,7 +637,7 @@ const ChallengeSettings = ({ challenge, index, isReadOnly, setSubplebbitSettings
                     {isReadOnly ? (
                       <div>{exclude?.rateLimit}</div>
                     ) : (
-                      <input type='number' value={exclude?.rateLimit || undefined} onChange={(e) => handleExcludeChange(excludeIndex, 'rateLimit', e.target.value)} />
+                      <input type='text' value={exclude?.rateLimit || undefined} onChange={(e) => handleExcludeChange(excludeIndex, 'rateLimit', e.target.value)} />
                     )}
                     {isReadOnly && !exclude?.rateLimitChallengeSuccess ? null : (
                       <div>

From d1ad028c0051894df6df678a5aded9c441e32606 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 21:20:40 +0100
Subject: [PATCH 12/15] Update post.module.css

---
 src/components/post/post.module.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index 9fe5ed1e..3c835265 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -242,7 +242,6 @@
 
 .subscribeButton {
   position: absolute;
-  bottom: -1px;
   border: none;
   background: none;
   background-repeat: no-repeat;

From c78684810c28ecf1dc260d5a2bf9cafc6bc5bf0a Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 22:07:29 +0100
Subject: [PATCH 13/15] only use css for '+' subscribe button on p/all

---
 src/components/post/post.module.css |  6 ++++-
 src/components/post/post.tsx        | 36 +++++++++++++----------------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/components/post/post.module.css b/src/components/post/post.module.css
index 3c835265..7bd3401f 100644
--- a/src/components/post/post.module.css
+++ b/src/components/post/post.module.css
@@ -266,4 +266,8 @@
 
 .greenSubplebbitAddress {
   color: var(--green-bright) !important;
-}
\ No newline at end of file
+}
+
+.subscribeButtonWrapper:hover + .subplebbit {
+  color: var(--green-bright) !important;
+}
diff --git a/src/components/post/post.tsx b/src/components/post/post.tsx
index 0802dd02..e112a5d2 100644
--- a/src/components/post/post.tsx
+++ b/src/components/post/post.tsx
@@ -148,7 +148,6 @@ const Post = ({ index, post = {} }: PostProps) => {
   const { blocked, unblock } = useBlock({ address: cid });
 
   const [hasClickedSubscribe, setHasClickedSubscribe] = useState(false);
-  const [isHoveringOnSubscribe, setIsHoveringOnSubscribe] = useState(false);
   const { subscribe, subscribed } = useSubscribe({ subplebbitAddress });
 
   // show gray dotted border around last clicked post
@@ -253,25 +252,22 @@ const Post = ({ index, post = {} }: PostProps) => {
                   {!isInSubplebbitView && (
                     <>
                        {t('post_to')}{' '}
-                      {isInAllView && (!subscribed || (subscribed && hasClickedSubscribe)) && (
-                        <span className={styles.subscribeButtonWrapper}>
-                          <button
-                            className={`${styles.subscribeButton} ${subscribed ? styles.buttonSubscribed : styles.buttonSubscribe}`}
-                            onClick={() => {
-                              subscribe();
-                              setHasClickedSubscribe(true);
-                            }}
-                            onMouseOver={() => setIsHoveringOnSubscribe(true)}
-                            onMouseLeave={() => setIsHoveringOnSubscribe(false)}
-                          />
-                        </span>
-                      )}
-                      <Link
-                        className={`${styles.subplebbit} ${isHoveringOnSubscribe || (subscribed && hasClickedSubscribe) ? styles.greenSubplebbitAddress : ''}`}
-                        to={`/p/${subplebbitAddress}`}
-                      >
-                        p/{subplebbit?.shortAddress || subplebbitAddress}
-                      </Link>
+                      <span className={styles.subscribeHoverGroup}>
+                        {isInAllView && (!subscribed || (subscribed && hasClickedSubscribe)) && (
+                          <span className={styles.subscribeButtonWrapper}>
+                            <button
+                              className={`${styles.subscribeButton} ${subscribed ? styles.buttonSubscribed : styles.buttonSubscribe}`}
+                              onClick={() => {
+                                subscribe();
+                                setHasClickedSubscribe(true);
+                              }}
+                            />
+                          </span>
+                        )}
+                        <Link className={`${styles.subplebbit} ${subscribed && hasClickedSubscribe ? styles.greenSubplebbitAddress : ''}`} to={`/p/${subplebbitAddress}`}>
+                          p/{subplebbit?.shortAddress || subplebbitAddress}
+                        </Link>
+                      </span>
                     </>
                   )}
                   {pinned && <span className={styles.announcement}> - {t('announcement')}</span>}

From b025358a2e1caffd274fffcb6ab0f514f6c18745 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 22:10:14 +0100
Subject: [PATCH 14/15] style(topbar): one dotted border for both buttons in
 dropdown

---
 src/components/topbar/topbar.module.css | 7 ++++++-
 src/components/topbar/topbar.tsx        | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/topbar/topbar.module.css b/src/components/topbar/topbar.module.css
index 27123761..1324a65c 100644
--- a/src/components/topbar/topbar.module.css
+++ b/src/components/topbar/topbar.module.css
@@ -52,12 +52,17 @@
   background-color: var(--background-primary);
 }
 
-.editSubscriptions {
+.defaultCommunities {
   font-style: italic;
   text-transform: uppercase;
   border-top: 1px dotted var(--text-primary);
 }
 
+.editSubscriptions {
+  font-style: italic;
+  text-transform: uppercase;
+}
+
 .dropChoices a {
   text-decoration: none;
   color: var(--text-primary);
diff --git a/src/components/topbar/topbar.tsx b/src/components/topbar/topbar.tsx
index 12d3a8a6..d2a4fb6e 100644
--- a/src/components/topbar/topbar.tsx
+++ b/src/components/topbar/topbar.tsx
@@ -114,7 +114,7 @@ const TopBar = () => {
                 {getShortAddress(subscription)}
               </Link>
             ))}
-            <Link to='/communities/vote' className={`${styles.dropdownItem} ${styles.editSubscriptions}`}>
+            <Link to='/communities/vote' className={`${styles.dropdownItem} ${styles.defaultCommunities}`}>
               {t('default_communities')}
             </Link>
             <Link to='/communities/subscriber' className={`${styles.dropdownItem} ${styles.editSubscriptions}`}>

From 52654ff05046f07b3635b61970c994ae6fa310ce Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sun, 18 Feb 2024 22:12:53 +0100
Subject: [PATCH 15/15] style(address settings): change "copy full address" to
 "copy plebbit-author-address"

---
 src/views/settings/address-settings/address-settings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/settings/address-settings/address-settings.tsx b/src/views/settings/address-settings/address-settings.tsx
index 4a1c5506..40a7f669 100644
--- a/src/views/settings/address-settings/address-settings.tsx
+++ b/src/views/settings/address-settings/address-settings.tsx
@@ -132,7 +132,7 @@ const AddressSettings = () => {
   return (
     <div className={styles.addressSettings}>
       <div className={styles.copyAddressSetting}>
-        <Trans i18nKey='copy_full_address' components={{ 1: <button onClick={() => navigator.clipboard.writeText(account?.signer?.address)} /> }} />
+        <button onClick={() => navigator.clipboard.writeText(account?.signer?.address)}>{t('copy')}</button> plebbit-author-address
       </div>
       <div className={styles.cryptoAddressSetting}>
         <span className={styles.settingTitle}>{t('crypto_address')}</span>