From 6e44d11a60fc052c6c306150d9691e7a14854672 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 15:31:20 +0100
Subject: [PATCH 01/16] style(subplebbits): replace edit button with settings

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

diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index 88f3d597..2ca15f11 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -150,7 +150,7 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
                   <RoleLabel role={userRole || 'owner'} />
                 </span>
               )}
-              <Link to={`/p/${address}/settings`}>{isUserOwner ? t('edit') : t('settings')}</Link>
+              <Link to={`/p/${address}/settings`}>{t('settings')}</Link>
             </div>
           </span>
         </div>

From 82169943b26d889bf7553bd9ddb2f119d39e318f Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 16:33:04 +0100
Subject: [PATCH 02/16] feat(subplebbit settings): allow to define custom
 challenges in default types, using strings as values

---
 src/lib/utils/challenge-utils.ts              |  19 +++
 .../subplebbit-settings.tsx                   | 148 +++++-------------
 src/views/subplebbits/subplebbits.tsx         |   1 -
 3 files changed, 58 insertions(+), 110 deletions(-)

diff --git a/src/lib/utils/challenge-utils.ts b/src/lib/utils/challenge-utils.ts
index c19be05b..6fad2311 100644
--- a/src/lib/utils/challenge-utils.ts
+++ b/src/lib/utils/challenge-utils.ts
@@ -73,6 +73,25 @@ export const getDefaultExclude = () => {
   ];
 };
 
+export const getDefaultChallengeDescription = (challengeType: string) => {
+  switch (challengeType) {
+    case 'text-math':
+      return 'Ask a plain text math question, insecure, use ONLY for testing.';
+    case 'captcha-canvas-v3':
+      return 'Make a custom image captcha';
+    case 'fail':
+      return 'A challenge that automatically fails with a custom error message.';
+    case 'blacklist':
+      return 'Blacklist author addresses.';
+    case 'question':
+      return "Ask a question, like 'What is the password?'";
+    case 'evm-contract-call':
+      return 'The response from an EVM contract call passes a condition, e.g. a token balance challenge.';
+    default:
+      return '';
+  }
+};
+
 export const getDefaultOptionInputs = (challengeType: string) => {
   switch (challengeType) {
     case 'text-math':
diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 1bc3a3fa..807ca7f8 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -6,7 +6,7 @@ import { useTranslation } from 'react-i18next';
 import { create } from 'zustand';
 import styles from './subplebbit-settings.module.css';
 import { isValidURL } from '../../../lib/utils/url-utils';
-import { getDefaultExclude, getDefaultOptionInputs } from '../../../lib/utils/challenge-utils';
+import { getDefaultChallengeDescription, getDefaultExclude, getDefaultOptionInputs } from '../../../lib/utils/challenge-utils';
 import LoadingEllipsis from '../../../components/loading-ellipsis';
 import Sidebar from '../../../components/sidebar';
 
@@ -292,119 +292,49 @@ const challengesNames = ['text-math', 'captcha-canvas-v3', 'fail', 'blacklist',
 
 interface ChallengeSettingsProps {
   challenge: any;
+  index: number;
+  setSubmitStore: (data: Partial<SubplebbitSettingsState>) => void;
+  settings: any;
   showSettings: boolean;
 }
 
-const ChallengeSettings = ({ challenge, showSettings }: ChallengeSettingsProps) => {
-  const { name } = challenge || {};
+type OptionInput = {
+  option: string;
+  value?: string;
+  label: string;
+  default?: string;
+  description: string;
+  placeholder?: string;
+  required?: boolean;
+};
+
+const ChallengeSettings = ({ challenge, index, setSubmitStore, settings, showSettings }: ChallengeSettingsProps) => {
+  const { name, optionInputs } = challenge || {};
+
+  const handleOptionChange = (optionName: string, newValue: string) => {
+    const updatedOptionInputs = optionInputs.map((input: any) => (input.option === optionName ? { ...input, value: newValue } : input));
+
+    const updatedChallenges = settings.challenges.map((ch: any, idx: number) => (idx === index ? { ...ch, optionInputs: updatedOptionInputs } : ch));
+
+    setSubmitStore({ settings: { ...settings, challenges: updatedChallenges } });
+  };
 
   return (
     <div className={showSettings ? styles.visible : styles.hidden}>
-      {name === 'text-math' && (
-        <>
-          <div className={styles.challengeDescription}>Ask a plain text math question, insecure, use ONLY for testing.</div>
-          <div className={styles.challengeOption}>
-            Difficulty
-            <div className={styles.challengeOptionDescription}>The math difficulty of the challenge between 1-3.</div>
-            <input type='text' defaultValue='1' placeholder='1' />
-          </div>
-        </>
-      )}
-      {name === 'captcha-canvas-v3' && (
-        <>
-          <div className={styles.challengeDescription}>Make a custom image captcha</div>
-          <div className={styles.challengeOption}>
-            Characters
-            <div className={styles.challengeOptionDescription}>Amount of characters of the captcha.</div>
-            <input type='text' />
-          </div>
-          <div className={styles.challengeOption}>
-            Width
-            <div className={styles.challengeOptionDescription}>Height of the captcha.</div>
-            <input type='text' />
-          </div>
-          <div className={styles.challengeOption}>
-            Height
-            <div className={styles.challengeOptionDescription}>Width of the captcha.</div>
-            <input type='text' />
-          </div>
-          <div className={styles.challengeOption}>
-            Color
-            <div className={styles.challengeOptionDescription}>Color of the captcha.</div>
-            <input type='text' />
-          </div>
-        </>
-      )}
-      {name === 'fail' && (
-        <>
-          <div className={styles.challengeDescription}>A challenge that automatically fails with a custom error message.</div>
-          <div className={styles.challengeOption}>
-            Error
-            <div className={styles.challengeOptionDescription}>The error to display to the author.</div>
-            <input type='text' defaultValue="You're not allowed to publish." placeholder="You're not allowed to publish." />
-          </div>
-        </>
-      )}
-      {name === 'blacklist' && (
-        <>
-          <div className={styles.challengeDescription}>Blacklist author addresses.</div>
-          <div className={styles.challengeOption}>
-            Blacklist
-            <div className={styles.challengeOptionDescription}>Comma separated list of author addresses to be blacklisted.</div>
-            <input type='text' placeholder='address1.eth,address2.eth,address3.eth' />
-          </div>
-          <div className={styles.challengeOption}>
-            Error
-            <div className={styles.challengeOptionDescription}>The error to display to the author.</div>
-            <input type='text' defaultValue="You're blacklisted." placeholder="You're blacklisted." />
-          </div>
-        </>
-      )}
-      {name === 'question' && (
-        <>
-          <div className={styles.challengeDescription}>Ask a question, like 'What is the password?'</div>
-          <div className={styles.challengeOption}>
-            Question
-            <div className={styles.challengeOptionDescription}>The question to answer.</div>
-            <input type='text' />
-          </div>
-          <div className={styles.challengeOption}>
-            Answer
-            <div className={styles.challengeOptionDescription}>The answer to the question.</div>
-            <input type='text' />
-          </div>
-        </>
-      )}
-      {name === 'evm-contract-call' && (
-        <>
-          <div className={styles.challengeDescription}>The response from an EVM contract call passes a condition, e.g. a token balance challenge.</div>
-          <div className={styles.challengeOption}>
-            chainTicker
-            <div className={styles.challengeOptionDescription}>The chain ticker</div>
-            <input type='text' placeholder='eth' defaultValue='eth' />
-          </div>
-          <div className={styles.challengeOption}>
-            Address
-            <div className={styles.challengeOptionDescription}>The contract address.</div>
-            <input type='text' placeholder='0x...' />
-          </div>
-          <div className={styles.challengeOption}>
-            ABI
-            <div className={styles.challengeOptionDescription}>The ABI of the contract method.</div>
-            <textarea placeholder='{"constant":true,"inputs":[{"internalType":"address","name":"account...' autoCorrect='off' autoComplete='off' spellCheck='false' />
-          </div>
-          <div className={styles.challengeOption}>
-            Condition
-            <div className={styles.challengeOptionDescription}>The condition the contract call response must pass.</div>
-            <textarea placeholder='>1000' autoCorrect='off' autoComplete='off' spellCheck='false' />
-          </div>
-          <div className={styles.challengeOption}>
-            Error
-            <div className={styles.challengeOptionDescription}>The error to display to the author.</div>
-            <input type='text' defaultValue="Contract call response doesn't pass condition." placeholder="Contract call response doesn't pass condition." />
-          </div>
-        </>
-      )}
+      <div className={styles.challengeDescription}>{getDefaultChallengeDescription(name)}</div>
+      {challenge.optionInputs.map((inputOption: OptionInput) => (
+        <div key={inputOption.option} className={styles.challengeOption}>
+          {inputOption.label}
+          <div className={styles.challengeOptionDescription}>{inputOption.description}</div>
+          <input
+            type='text'
+            value={inputOption.value || inputOption.default || ''}
+            placeholder={inputOption.placeholder || ''}
+            onChange={(e) => handleOptionChange(inputOption.option, e.target.value)}
+            required={inputOption.required || false}
+          />
+        </div>
+      ))}
       <div className={styles.challengeDescription}>Exclude from challenge</div>
       <div className={styles.challengeOption}>
         Moderators
@@ -513,7 +443,7 @@ const Challenges = () => {
             <button className={styles.challengeEditButton} onClick={() => toggleSettings(index)}>
               {showSettings[index] ? 'hide settings' : 'show settings'}
             </button>
-            <ChallengeSettings challenge={challenge} showSettings={showSettings[index]} />
+            <ChallengeSettings challenge={challenge} index={index} setSubmitStore={setSubmitStore} settings={settings} showSettings={showSettings[index]} />
           </div>
         ))}
       </div>
diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index 2ca15f11..c28cd4d1 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -3,7 +3,6 @@ import { Link, useLocation } from 'react-router-dom';
 import { Trans, useTranslation } from 'react-i18next';
 import { Subplebbit as SubplebbitType, useAccount, useAccountSubplebbits, useSubplebbits, useSubplebbitStats } from '@plebbit/plebbit-react-hooks';
 import styles from './subplebbits.module.css';
-import Flair from '../../components/post/flair';
 import Sidebar from '../../components/sidebar';
 import SubscribeButton from '../../components/subscribe-button';
 import { getFormattedTimeDuration, getFormattedTimeAgo } from '../../lib/utils/time-utils';

From 052aad9bff2a67599e70cf40646a6ef99ddf733d Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 16:43:53 +0100
Subject: [PATCH 03/16] feat(sidebar): add dev version commit ref with link to
 the commit

---
 src/components/sidebar/sidebar.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
index b60fe6e9..e0c1a03b 100644
--- a/src/components/sidebar/sidebar.tsx
+++ b/src/components/sidebar/sidebar.tsx
@@ -11,6 +11,7 @@ import SearchBar from '../search-bar';
 import SubscribeButton from '../subscribe-button';
 import packageJson from '../../../package.json';
 const { version } = packageJson;
+const commitRef = process.env.REACT_APP_COMMIT_REF;
 
 interface sidebarProps {
   address?: string | undefined;
@@ -267,6 +268,14 @@ const Sidebar = ({ address, cid, createdAt, description, downvoteCount = 0, role
               <a href={`https://github.com/plebbit/seedit/releases/tag/v${version}`} target='_blank' rel='noopener noreferrer'>
                 v{version}
               </a>
+              {commitRef && (
+                <>
+                  {' '}
+                  <a href={`https://github.com/plebbit/seedit/commit/${commitRef}`} target='_blank' rel='noopener noreferrer'>
+                    ({commitRef.slice(0, 7)})
+                  </a>
+                </>
+              )}
             </li>
           </ul>
         </div>

From 9c67880f71de56909fc4ca8b7b3e5e78fc09b839 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 16:46:24 +0100
Subject: [PATCH 04/16] Update subplebbit-settings.module.css

---
 .../subplebbit-settings/subplebbit-settings.module.css          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css
index b242c25b..1f095954 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css
@@ -250,7 +250,7 @@
   }
 
   .box, .boxInput {
-    width: calc(100vw - 35px);
+    width: calc(100vw - 20px);
   }
 
   .boxInput input, .boxInput textarea {

From c2c68bed2f52f6deaa9c6c0b45fb892873dea96c Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 18:02:50 +0100
Subject: [PATCH 05/16] feat(subplebbit settings): allow to define exceptions
 for each challenge, defining exclude array

---
 .../subplebbit-settings.tsx                   | 36 +++++++++++++++----
 1 file changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 807ca7f8..86347de8 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -309,7 +309,7 @@ type OptionInput = {
 };
 
 const ChallengeSettings = ({ challenge, index, setSubmitStore, settings, showSettings }: ChallengeSettingsProps) => {
-  const { name, optionInputs } = challenge || {};
+  const { exclude, name, optionInputs } = challenge || {};
 
   const handleOptionChange = (optionName: string, newValue: string) => {
     const updatedOptionInputs = optionInputs.map((input: any) => (input.option === optionName ? { ...input, value: newValue } : input));
@@ -319,6 +319,28 @@ const ChallengeSettings = ({ challenge, index, setSubmitStore, settings, showSet
     setSubmitStore({ settings: { ...settings, challenges: updatedChallenges } });
   };
 
+  const handleExcludeChange = (type: 'role' | 'post' | 'reply' | 'vote', value: string | boolean) => {
+    const updatedExclude = { ...exclude[0] }; // Clone the first exclude object
+
+    if (type === 'role') {
+      if (typeof value === 'string') {
+        const roleIndex = updatedExclude.role.indexOf(value);
+        if (roleIndex > -1) {
+          updatedExclude.role.splice(roleIndex, 1); // Remove role
+        } else {
+          updatedExclude.role.push(value); // Add role
+        }
+      }
+    } else {
+      // Handle post, reply, vote
+      updatedExclude[type] = value;
+    }
+
+    const updatedChallenges = [...settings.challenges];
+    updatedChallenges[index] = { ...updatedChallenges[index], exclude: [updatedExclude] };
+    setSubmitStore({ settings: { ...settings, challenges: updatedChallenges } });
+  };
+
   return (
     <div className={showSettings ? styles.visible : styles.hidden}>
       <div className={styles.challengeDescription}>{getDefaultChallengeDescription(name)}</div>
@@ -341,19 +363,19 @@ const ChallengeSettings = ({ challenge, index, setSubmitStore, settings, showSet
         <div className={styles.challengeOptionDescription}>Exclude a specific moderator role</div>
         <div>
           <label>
-            <input type='checkbox' />
+            <input type='checkbox' checked={exclude[0]?.role.includes('moderator')} onChange={() => handleExcludeChange('role', 'moderator')} />
             exclude moderators
           </label>
         </div>
         <div>
           <label>
-            <input type='checkbox' />
+            <input type='checkbox' checked={exclude[0]?.role.includes('admin')} onChange={() => handleExcludeChange('role', 'admin')} />
             exclude admins
           </label>
         </div>
         <div>
           <label>
-            <input type='checkbox' />
+            <input type='checkbox' checked={exclude[0]?.role.includes('owner')} onChange={() => handleExcludeChange('role', 'owner')} />
             exclude owners
           </label>
         </div>
@@ -363,19 +385,19 @@ const ChallengeSettings = ({ challenge, index, setSubmitStore, settings, showSet
         <div className={styles.challengeOptionDescription}>Exclude a specific user action</div>
         <div>
           <label>
-            <input type='checkbox' />
+            <input type='checkbox' checked={exclude[0]?.post} onChange={(e) => handleExcludeChange('post', e.target.checked)} />
             exclude posts
           </label>
         </div>
         <div>
           <label>
-            <input type='checkbox' />
+            <input type='checkbox' checked={exclude[1]?.post} onChange={(e) => handleExcludeChange('reply', e.target.checked)} />
             exclude replies
           </label>
         </div>
         <div>
           <label>
-            <input type='checkbox' />
+            <input type='checkbox' checked={exclude[2]?.post} onChange={(e) => handleExcludeChange('vote', e.target.checked)} />
             exclude votes
           </label>
         </div>

From a5c9793230739830736c556b699393b67feb4528 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 21:02:01 +0100
Subject: [PATCH 06/16] fix undefined

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

diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 86347de8..dfc52e1a 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -344,7 +344,7 @@ const ChallengeSettings = ({ challenge, index, setSubmitStore, settings, showSet
   return (
     <div className={showSettings ? styles.visible : styles.hidden}>
       <div className={styles.challengeDescription}>{getDefaultChallengeDescription(name)}</div>
-      {challenge.optionInputs.map((inputOption: OptionInput) => (
+      {challenge?.optionInputs?.map((inputOption: OptionInput) => (
         <div key={inputOption.option} className={styles.challengeOption}>
           {inputOption.label}
           <div className={styles.challengeOptionDescription}>{inputOption.description}</div>

From 7dfc05395bd200a480ec8ae705ddebb565a6ec40 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Thu, 25 Jan 2024 21:53:38 +0100
Subject: [PATCH 07/16] feat(subplebbits): add filtering by user role in 'my
 communities' tab, routes

---
 src/app.tsx                           |  8 +--
 src/components/header/header.tsx      | 23 ++++---
 src/lib/utils/view-utils.ts           | 32 +++++-----
 src/views/subplebbits/subplebbits.tsx | 87 +++++++++++++++------------
 4 files changed, 84 insertions(+), 66 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index c7ff5e8d..b1abaca5 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -104,10 +104,10 @@ function App() {
             <Route path='/inbox/postreplies' element={<Inbox />} />
 
             <Route path='/communities' element={<Subplebbits />} />
-            <Route path='/communities/mine' element={<Subplebbits />} />
-            <Route path='/communities/mine/subscriber' element={<Subplebbits />} />
-            <Route path='/communities/mine/contributor' element={<Subplebbits />} />
-            <Route path='/communities/mine/moderator' element={<Subplebbits />} />
+            <Route path='/communities/subscriber' element={<Subplebbits />} />
+            <Route path='/communities/moderator' element={<Subplebbits />} />
+            <Route path='/communities/admin' element={<Subplebbits />} />
+            <Route path='/communities/owner' element={<Subplebbits />} />
           </Route>
         </Route>
       </Routes>
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index bfbe19e1..765f776d 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -26,9 +26,10 @@ import {
   isSubplebbitSettingsView,
   isSubplebbitSubmitView,
   isSubplebbitsView,
-  isSubplebbitsMineView,
-  isSubplebbitsMineSubscriberView,
-  isSubplebbitsMineModeratorView,
+  isSubplebbitsSubscriberView,
+  isSubplebbitsModeratorView,
+  isSubplebbitsAdminView,
+  isSubplebbitsOwnerView,
   isProfileUpvotedView,
 } from '../../lib/utils/view-utils';
 import useTheme from '../../hooks/use-theme';
@@ -202,10 +203,12 @@ const InboxHeaderTabs = () => {
 const SubplebbitsHeaderTabs = () => {
   const { t } = useTranslation();
   const location = useLocation();
-  const isInSubplebbitsMineSubscriberView = isSubplebbitsMineSubscriberView(location.pathname);
-  const isInSubplebbitsMineModeratorView = isSubplebbitsMineModeratorView(location.pathname);
-  const isInSubplebbitsView = isSubplebbitsView(location.pathname) && !isInSubplebbitsMineSubscriberView && !isInSubplebbitsMineModeratorView;
-  const isInSubplebbitsMineView = isSubplebbitsMineView(location.pathname);
+  const isInSubplebbitsSubscriberView = isSubplebbitsSubscriberView(location.pathname);
+  const isInSubplebbitsModeratorView = isSubplebbitsModeratorView(location.pathname);
+  const isInSubplebbitsAdminView = isSubplebbitsAdminView(location.pathname);
+  const isInSubplebbitsOwnerView = isSubplebbitsOwnerView(location.pathname);
+  const isInSubplebbitsView =
+    isSubplebbitsView(location.pathname) && !isInSubplebbitsSubscriberView && !isInSubplebbitsModeratorView && !isInSubplebbitsAdminView && !isInSubplebbitsOwnerView;
 
   return (
     <>
@@ -221,8 +224,10 @@ const SubplebbitsHeaderTabs = () => {
       </li>
       <li>
         <Link
-          to={'/communities/mine'}
-          className={isInSubplebbitsMineView || isInSubplebbitsMineModeratorView || isInSubplebbitsMineSubscriberView ? styles.selected : styles.choice}
+          to={'/communities/subscriber'}
+          className={
+            isInSubplebbitsSubscriberView || isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView ? styles.selected : styles.choice
+          }
         >
           {t('my_communities')}
         </Link>
diff --git a/src/lib/utils/view-utils.ts b/src/lib/utils/view-utils.ts
index d8d11b6d..9f951826 100644
--- a/src/lib/utils/view-utils.ts
+++ b/src/lib/utils/view-utils.ts
@@ -52,10 +52,6 @@ export const isAuthorSubmittedView = (pathname: string, params: ParamsType): boo
   return pathname === `/u/${params.authorAddress}/c/${params.commentCid}/submitted`;
 };
 
-export const isProfileDownvotedView = (pathname: string): boolean => {
-  return pathname === '/profile/downvoted';
-};
-
 export const isHomeView = (pathname: string, params: ParamsType): boolean => {
   return pathname === '/' || sortTypes.includes(pathname) || (timeFilterNames.includes(params.timeFilterName as TimeFilterKey) && !pathname.startsWith('/p/'));
 };
@@ -100,6 +96,14 @@ export const isProfileSubmittedView = (pathname: string): boolean => {
   return pathname.startsWith('/profile/submitted');
 };
 
+export const isProfileDownvotedView = (pathname: string): boolean => {
+  return pathname === '/profile/downvoted';
+};
+
+export const isProfileUpvotedView = (pathname: string): boolean => {
+  return pathname === '/profile/upvoted';
+};
+
 export const isSettingsView = (pathname: string): boolean => {
   return pathname === '/settings';
 };
@@ -124,22 +128,18 @@ export const isSubplebbitsView = (pathname: string): boolean => {
   return pathname.startsWith('/communities');
 };
 
-export const isSubplebbitsMineView = (pathname: string): boolean => {
-  return pathname === '/communities/mine';
+export const isSubplebbitsSubscriberView = (pathname: string): boolean => {
+  return pathname === '/communities/subscriber';
 };
 
-export const isSubplebbitsMineSubscriberView = (pathname: string): boolean => {
-  return pathname === '/communities/mine' || pathname === '/communities/mine/subscriber';
+export const isSubplebbitsModeratorView = (pathname: string): boolean => {
+  return pathname === '/communities/moderator';
 };
 
-export const isSubplebbitsMineContributorView = (pathname: string): boolean => {
-  return pathname === '/communities/mine/contributor';
+export const isSubplebbitsAdminView = (pathname: string): boolean => {
+  return pathname === '/communities/admin';
 };
 
-export const isSubplebbitsMineModeratorView = (pathname: string): boolean => {
-  return pathname === '/communities/mine/moderator';
-};
-
-export const isProfileUpvotedView = (pathname: string): boolean => {
-  return pathname === '/profile/upvoted';
+export const isSubplebbitsOwnerView = (pathname: string): boolean => {
+  return pathname === '/communities/owner';
 };
diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index c28cd4d1..da45b6e2 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -6,13 +6,7 @@ import styles from './subplebbits.module.css';
 import Sidebar from '../../components/sidebar';
 import SubscribeButton from '../../components/subscribe-button';
 import { getFormattedTimeDuration, getFormattedTimeAgo } from '../../lib/utils/time-utils';
-import {
-  isSubplebbitsView,
-  isSubplebbitsMineView,
-  isSubplebbitsMineContributorView,
-  isSubplebbitsMineSubscriberView,
-  isSubplebbitsMineModeratorView,
-} from '../../lib/utils/view-utils';
+import { isSubplebbitsView, isSubplebbitsSubscriberView, isSubplebbitsModeratorView, isSubplebbitsAdminView, isSubplebbitsOwnerView } from '../../lib/utils/view-utils';
 import { useDefaultSubplebbitAddresses } from '../../lib/utils/addresses-utils';
 import { RoleLabel } from '../../components/post/label/label';
 
@@ -24,26 +18,27 @@ interface SubplebbitProps {
 const Tabs = () => {
   const { t } = useTranslation();
   const location = useLocation();
-  const isInSubplebbitsMineSubscriberView = isSubplebbitsMineSubscriberView(location.pathname);
-  const isInSubplebbitsMineContributorView = isSubplebbitsMineContributorView(location.pathname);
-  const isInSubplebbitsMineModeratorView = isSubplebbitsMineModeratorView(location.pathname);
+  const isInSubplebbitsSubscriberView = isSubplebbitsSubscriberView(location.pathname);
+  const isInSubplebbitsModeratorView = isSubplebbitsModeratorView(location.pathname);
+  const isInSubplebbitsAdminView = isSubplebbitsAdminView(location.pathname);
+  const isInSubplebbitsOwnerView = isSubplebbitsOwnerView(location.pathname);
 
   return (
     <div className={styles.subplebbitsTabs}>
-      <Link to='/communities/mine/subscriber' className={isInSubplebbitsMineSubscriberView ? styles.selected : styles.choice}>
+      <Link to='/communities/subscriber' className={isInSubplebbitsSubscriberView ? styles.selected : styles.choice}>
         {t('subscriber')}
       </Link>
       <span className={styles.separator}>|</span>
-      <Link
-        to='/communities/mine/contributor'
-        className={isInSubplebbitsMineContributorView ? styles.selected : styles.choice}
-        onClick={(e) => e.preventDefault()} // TODO: enable after approving user is implemented in the API
-      >
-        {t('approved_user')}
+      <Link to='/communities/moderator' className={isInSubplebbitsModeratorView ? styles.selected : styles.choice}>
+        {t('moderator')}
       </Link>
       <span className={styles.separator}>|</span>
-      <Link to='/communities/mine/moderator' className={isInSubplebbitsMineModeratorView ? styles.selected : styles.choice}>
-        {t('moderator')}
+      <Link to='/communities/admin' className={isInSubplebbitsAdminView ? styles.selected : styles.choice}>
+        {t('admin')}
+      </Link>
+      <span className={styles.separator}>|</span>
+      <Link to='/communities/owner' className={isInSubplebbitsOwnerView ? styles.selected : styles.choice}>
+        {t('owner')}
       </Link>
     </div>
   );
@@ -55,21 +50,20 @@ const Infobar = () => {
   const subscriptions = account?.subscriptions || [];
   const { t } = useTranslation();
   const location = useLocation();
-  const isInSubplebbitsMineSubscriberView = isSubplebbitsMineSubscriberView(location.pathname);
-  const isInSubplebbitsMineContributorView = isSubplebbitsMineContributorView(location.pathname);
-  const isInSubplebbitsMineModeratorView = isSubplebbitsMineModeratorView(location.pathname);
+  const isInSubplebbitsSubscriberView = isSubplebbitsSubscriberView(location.pathname);
+  const isInSubplebbitsModeratorView = isSubplebbitsModeratorView(location.pathname);
+  const isInSubplebbitsAdminView = isSubplebbitsAdminView(location.pathname);
+  const isInSubplebbitsOwnerView = isSubplebbitsOwnerView(location.pathname);
 
   const infobarText = useMemo(() => {
-    if (isInSubplebbitsMineSubscriberView) {
+    if (isInSubplebbitsSubscriberView) {
       return subscriptions.length === 0 ? t('not_subscribed') : t('below_subscribed');
-    } else if (isInSubplebbitsMineContributorView) {
-      return t('below_approved_user');
-    } else if (isInSubplebbitsMineModeratorView) {
+    } else if (isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView) {
       return Object.keys(accountSubplebbits).length > 0 ? t('below_moderator_access') : t('not_moderator');
     } else {
       return <Trans i18nKey='join_communities_notice' values={{ join: t('join'), leave: t('leave') }} components={{ 1: <code />, 2: <code /> }} />;
     }
-  }, [isInSubplebbitsMineSubscriberView, isInSubplebbitsMineContributorView, isInSubplebbitsMineModeratorView, t, subscriptions.length, accountSubplebbits]);
+  }, [t, subscriptions.length, accountSubplebbits, isInSubplebbitsSubscriberView, isInSubplebbitsModeratorView, isInSubplebbitsAdminView, isInSubplebbitsOwnerView]);
 
   return <div className={styles.infobar}>{infobarText}</div>;
 };
@@ -158,10 +152,18 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
   );
 };
 
-const AccountSubplebbits = () => {
+const AccountSubplebbits = ({ viewRole }: { viewRole: string }) => {
   const { accountSubplebbits } = useAccountSubplebbits();
-  const accountSubplebbitsArray = useMemo(() => Object.values(accountSubplebbits), [accountSubplebbits]);
-  return accountSubplebbitsArray?.map((subplebbit, index) => <Subplebbit key={index} subplebbit={subplebbit} />);
+  const account = useAccount();
+
+  const filteredSubplebbits = useMemo(() => {
+    return Object.values(accountSubplebbits).filter((subplebbit) => {
+      const userRole = (subplebbit as any).roles?.[account?.author?.address]?.role;
+      return userRole === viewRole;
+    });
+  }, [accountSubplebbits, account, viewRole]);
+
+  return filteredSubplebbits.map((subplebbit, index) => <Subplebbit key={index} subplebbit={subplebbit} />);
 };
 
 const SubscriberSubplebbits = () => {
@@ -180,21 +182,32 @@ const ApprovedSubplebbits = () => {
 
 const Subplebbits = () => {
   const location = useLocation();
-  const isInSubplebbitsMineSubscriberView = isSubplebbitsMineSubscriberView(location.pathname);
-  const isInSubplebbitsMineModeratorView = isSubplebbitsMineModeratorView(location.pathname);
-  const isInSubplebbitsView = isSubplebbitsView(location.pathname) && !isInSubplebbitsMineSubscriberView && !isInSubplebbitsMineModeratorView;
-  const isInSubplebbitsMineView = isSubplebbitsMineView(location.pathname);
+  const isInSubplebbitsSubscriberView = isSubplebbitsSubscriberView(location.pathname);
+  const isInSubplebbitsModeratorView = isSubplebbitsModeratorView(location.pathname);
+  const isInSubplebbitsAdminView = isSubplebbitsAdminView(location.pathname);
+  const isInSubplebbitsOwnerView = isSubplebbitsOwnerView(location.pathname);
+  const isInSubplebbitsView =
+    isSubplebbitsView(location.pathname) && !isInSubplebbitsSubscriberView && !isInSubplebbitsModeratorView && !isInSubplebbitsAdminView && !isInSubplebbitsOwnerView;
+
+  let viewRole = 'subscriber';
+  if (isInSubplebbitsModeratorView) {
+    viewRole = 'moderator';
+  } else if (isInSubplebbitsAdminView) {
+    viewRole = 'admin';
+  } else if (isInSubplebbitsOwnerView) {
+    viewRole = 'owner';
+  }
 
   return (
     <div className={styles.content}>
       <div className={styles.sidebar}>
         <Sidebar />
       </div>
-      {(isInSubplebbitsMineView || isInSubplebbitsMineModeratorView || isInSubplebbitsMineSubscriberView) && <Tabs />}
+      {(isInSubplebbitsSubscriberView || isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView) && <Tabs />}
       <Infobar />
       {isInSubplebbitsView && <ApprovedSubplebbits />}
-      {isInSubplebbitsMineModeratorView && <AccountSubplebbits />}
-      {isInSubplebbitsMineSubscriberView && <SubscriberSubplebbits />}
+      {(isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView) && <AccountSubplebbits viewRole={viewRole} />}
+      {isInSubplebbitsSubscriberView && <SubscriberSubplebbits />}
     </div>
   );
 };

From df427e7de4aaa63a1016f1a0bdf39eeb29299cc0 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 09:52:24 +0100
Subject: [PATCH 08/16] chore(package.json): upgrade plebbit-react-hooks

---
 package.json |  2 +-
 yarn.lock    | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 2 files changed, 70 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6d8bd2a4..31e69da9 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "private": true,
   "dependencies": {
     "@floating-ui/react": "0.26.1",
-    "@plebbit/plebbit-react-hooks": "https://github.com/plebbit/plebbit-react-hooks.git#57f8891697134e8aa65f286ffd8bdbda9a6bd512",
+    "@plebbit/plebbit-react-hooks": "https://github.com/plebbit/plebbit-react-hooks.git#80f19b488013cf386f4926fefb5790c79a3b9b96",
     "@testing-library/jest-dom": "5.14.1",
     "@testing-library/react": "13.0.0",
     "@testing-library/user-event": "13.2.1",
diff --git a/yarn.lock b/yarn.lock
index 0a4da917..5198fc6c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2545,6 +2545,59 @@
     mkdirp "^1.0.4"
     rimraf "^3.0.2"
 
+"@plebbit/plebbit-js@https://github.com/plebbit/plebbit-js.git#4a7ced7497fcbf863e9457b7e83a7bb2889bd518":
+  version "0.0.3"
+  resolved "https://github.com/plebbit/plebbit-js.git#4a7ced7497fcbf863e9457b7e83a7bb2889bd518"
+  dependencies:
+    "@ensdomains/eth-ens-namehash" "2.0.15"
+    "@keyv/sqlite" "3.6.2"
+    "@plebbit/plebbit-logger" "github:plebbit/plebbit-logger#9525ca9539479918931c3b334e8d490d1c87e507"
+    "@plebbit/proper-lockfile" "github:plebbit/node-proper-lockfile#7fd6332117340c1d3d98dd0afee2d31cc06f72b8"
+    "@types/node-fetch" "2.6.2"
+    "@types/proper-lockfile" "4.1.2"
+    "@types/uuid" "8.3.4"
+    assert "2.0.0"
+    async-wait-until "2.0.12"
+    better-sqlite3 "9.2.0"
+    buffer "6.0.3"
+    captcha-canvas "3.2.1"
+    cbor "9.0.1"
+    debounce "1.2.1"
+    err-code "3.0.1"
+    ethers "6.7.0"
+    ext-name "5.0.0"
+    file-type "16.5.4"
+    form-data "4.0.0"
+    hpagent "1.2.0"
+    ipfs-http-client "56.0.3"
+    ipfs-only-hash "4.0.0"
+    is-ipfs "6.0.2"
+    jose "4.11.0"
+    js-sha256 "0.9.0"
+    keyv "4.5.4"
+    knex "3.0.1"
+    libp2p-crypto "0.21.2"
+    limiter "2.1.0"
+    localforage "1.10.0"
+    lodash-es "4.17.21"
+    lru-cache "7.18.3"
+    open-graph-scraper "4.11.1"
+    p-limit "3.1.0"
+    p-timeout "4.1.0"
+    peer-id "0.16.0"
+    probe-image-size "7.2.3"
+    retry "0.13.1"
+    rpc-websockets "7.6.0"
+    safe-stable-stringify "2.4.1"
+    sha1-uint8array "0.10.3"
+    skia-canvas "1.0.0"
+    sqlite3 "5.1.6"
+    tiny-typed-emitter "2.1.0"
+    tinycache "1.1.2"
+    ts-custom-error "3.3.1"
+    uuid "9.0.0"
+    viem "1.5.2"
+
 "@plebbit/plebbit-js@https://github.com/plebbit/plebbit-js.git#d081a9f4f1a086b5fccee5e9f332e113f61a90f1":
   version "0.0.3"
   resolved "https://github.com/plebbit/plebbit-js.git#d081a9f4f1a086b5fccee5e9f332e113f61a90f1"
@@ -2625,6 +2678,21 @@
     uuid "8.3.2"
     zustand "4.0.0"
 
+"@plebbit/plebbit-react-hooks@https://github.com/plebbit/plebbit-react-hooks.git#80f19b488013cf386f4926fefb5790c79a3b9b96":
+  version "0.0.1"
+  resolved "https://github.com/plebbit/plebbit-react-hooks.git#80f19b488013cf386f4926fefb5790c79a3b9b96"
+  dependencies:
+    "@plebbit/plebbit-js" "https://github.com/plebbit/plebbit-js.git#4a7ced7497fcbf863e9457b7e83a7bb2889bd518"
+    "@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/proper-lockfile@github:plebbit/node-proper-lockfile#7fd6332117340c1d3d98dd0afee2d31cc06f72b8":
   version "4.1.2"
   resolved "https://codeload.github.com/plebbit/node-proper-lockfile/tar.gz/7fd6332117340c1d3d98dd0afee2d31cc06f72b8"
@@ -12977,7 +13045,7 @@ pretty-format@^29.0.0, pretty-format@^29.7.0:
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
 
-probe-image-size@^7.2.3:
+probe-image-size@7.2.3, probe-image-size@^7.2.3:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/probe-image-size/-/probe-image-size-7.2.3.tgz#d49c64be540ec8edea538f6f585f65a9b3ab4309"
   integrity sha512-HubhG4Rb2UH8YtV4ba0Vp5bQ7L78RTONYu/ujmCu5nBI8wGv24s4E9xSKBi0N1MowRpxk76pFCpJtW0KPzOK0w==

From fcc3220a5c687433d2250bd4421e4a3bfeba8e42 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 10:51:44 +0100
Subject: [PATCH 09/16] style(subplebbits): improve design with expanded
 description, online status text

---
 src/views/subplebbits/subplebbits.module.css | 53 ++++++++++++++++----
 src/views/subplebbits/subplebbits.tsx        | 29 ++++++-----
 2 files changed, 60 insertions(+), 22 deletions(-)

diff --git a/src/views/subplebbits/subplebbits.module.css b/src/views/subplebbits/subplebbits.module.css
index 09f86580..1bcb6dde 100644
--- a/src/views/subplebbits/subplebbits.module.css
+++ b/src/views/subplebbits/subplebbits.module.css
@@ -119,10 +119,37 @@
   margin-left: 5px;
 }
 
-/* TODO: consider to enable this later, when lots of new communities will be proposed */
-/* .title a:visited {
-  color: var(--link-visited);
-} */
+.tagline {
+  text-transform: lowercase;
+  margin-top: 2px;
+}
+
+.expandButton {
+  background-size: cover;
+  height: 23px;
+  width: 23px;
+  float: left;
+  margin-right: 5px;
+  margin-top: 2px;
+}
+
+.textButton {
+  background-image: var(--text-button);
+}
+
+.textButton:hover {
+  background-image: var(--text-button-hover);
+  cursor: pointer;
+}
+
+.closeButton {
+  background-image: var(--close-button);
+}
+
+.closeButton:hover {
+  background-image: var(--close-button-hover);
+  cursor: pointer;
+}
 
 .description {
   max-width: 60em;
@@ -137,10 +164,6 @@
   font-size: 14px;
 }
 
-.tagline {
-  text-transform: lowercase;
-}
-
 .subplebbitPreferences {
   padding: 0 1px;
   line-height: 1.6em;
@@ -152,13 +175,25 @@
   color: var(--gray-contrast);
   font-weight: bold;
   margin-right: 5px;
-}
+} 
 
 .subplebbitPreferences a:hover {
   text-decoration: underline;
   cursor: pointer;
 }
 
+.onlineStatus {
+  margin-right: 5px;
+}
+
+.green {
+  color: var(--green);
+}
+
+.red {
+  color: var(--red);
+}
+
 .roleLabel {
   padding-right: 2px;
 }
diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index da45b6e2..c0ece311 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { Trans, useTranslation } from 'react-i18next';
 import { Subplebbit as SubplebbitType, useAccount, useAccountSubplebbits, useSubplebbits, useSubplebbitStats } from '@plebbit/plebbit-react-hooks';
@@ -71,7 +71,10 @@ const Infobar = () => {
 const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
   const { t } = useTranslation();
   const { address, createdAt, description, roles, shortAddress, settings, suggested, title, updatedAt } = subplebbit || {};
-  const { allActiveUserCount } = useSubplebbitStats({ subplebbitAddress: address });
+
+  const [showDescription, setShowDescription] = useState(false);
+  const buttonType = showDescription ? 'closeButton' : 'textButton';
+  const toggleExpanded = () => setShowDescription(!showDescription);
 
   // subplebbit.settings is a private field that is only available to the owner of the subplebbit
   const isUserOwner = settings;
@@ -86,7 +89,10 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
 
   const postScore = upvoteCount === 0 && downvoteCount === 0 ? '•' : upvoteCount - downvoteCount || '•';
   const isOnline = updatedAt && updatedAt > Date.now() / 1000 - 60 * 30;
+  const { allActiveUserCount, hourActiveUserCount } = useSubplebbitStats({ subplebbitAddress: address });
+  const onlineNotice = t('users_online', { count: hourActiveUserCount });
   const offlineNotice = updatedAt && t('posts_last_synced', { dateAgo: getFormattedTimeAgo(updatedAt) });
+  const onlineStatus = isOnline ? onlineNotice : offlineNotice;
 
   useEffect(() => {
     document.title = `${t('communities')} - seedit`;
@@ -114,9 +120,6 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
       )}
       <div className={styles.entry}>
         <div className={styles.title}>
-          <div className={styles.onlineIndicatorWrapper} title={isOnline ? t('online') : t('offline')}>
-            <span className={`${styles.onlineIndicator} ${isOnline ? styles.online : styles.offline}`} />
-          </div>
           <div className={styles.titleWrapper}>
             <Link to={`/p/${address}`}>
               p/{address?.includes('.') ? address : shortAddress}
@@ -127,16 +130,10 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
             </span>
           </div>
         </div>
-        {description && <div className={styles.description}>{description}</div>}
         <div className={styles.tagline}>
+          {description && <span className={`${styles.expandButton} ${styles[buttonType]}`} onClick={toggleExpanded} />}
           <span>
-            {isOnline ? (
-              <>
-                {t('members_count', { count: allActiveUserCount })}, {t('community_for', { date: getFormattedTimeDuration(createdAt) })}
-              </>
-            ) : (
-              offlineNotice
-            )}
+            {t('members_count', { count: allActiveUserCount })}, {t('community_for', { date: getFormattedTimeDuration(createdAt) })}
             <div className={styles.subplebbitPreferences}>
               {(userRole || isUserOwner) && (
                 <span className={styles.roleLabel}>
@@ -144,9 +141,15 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
                 </span>
               )}
               <Link to={`/p/${address}/settings`}>{t('settings')}</Link>
+              <span className={styles.onlineLine}>
+                {/* <span className={`${styles.onlineIndicator} ${isOnline ? styles.online : styles.offline}`} title={isOnline ? t('online') : t('offline')} /> */}
+                {/* <span className={`${styles.onlineStatus} ${isOnline ? styles.green : styles.red}`}>{isOnline ? t('online') : t('offline')}</span> */}
+                <span>{onlineStatus}</span>
+              </span>
             </div>
           </span>
         </div>
+        {description && showDescription && <div className={styles.description}>{description}</div>}
       </div>
     </div>
   );

From 8f941c14db882c53c54bf09ee1d3393d18a7e88b Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 11:17:58 +0100
Subject: [PATCH 10/16] fix(time utils): show 1 minute if 1.x minutes

---
 src/lib/utils/time-utils.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/utils/time-utils.ts b/src/lib/utils/time-utils.ts
index eabc3a59..7adc85cc 100644
--- a/src/lib/utils/time-utils.ts
+++ b/src/lib/utils/time-utils.ts
@@ -5,7 +5,7 @@ export const getFormattedTimeAgo = (unixTimestamp: number): string => {
   const timeDifference = currentTime - unixTimestamp;
   const t = i18next.t;
 
-  if (timeDifference < 60) {
+  if (timeDifference < 120) {
     return t('time_1_minute_ago');
   }
   if (timeDifference < 3600) {
@@ -40,7 +40,7 @@ export const getFormattedTimeDuration = (unixTimestamp: number): string => {
   const timeDifference = currentTime - unixTimestamp;
   const t = i18next.t;
 
-  if (timeDifference < 60) {
+  if (timeDifference < 120) {
     return t('time_1_minute');
   }
   if (timeDifference < 3600) {

From c9c67fd649c7a055c9fbd1f2ad515f2ebd715c33 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 11:18:39 +0100
Subject: [PATCH 11/16] style(subplebbits): show description by default on
 desktop

---
 src/views/subplebbits/subplebbits.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index c0ece311..397700f8 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -9,6 +9,7 @@ import { getFormattedTimeDuration, getFormattedTimeAgo } from '../../lib/utils/t
 import { isSubplebbitsView, isSubplebbitsSubscriberView, isSubplebbitsModeratorView, isSubplebbitsAdminView, isSubplebbitsOwnerView } from '../../lib/utils/view-utils';
 import { useDefaultSubplebbitAddresses } from '../../lib/utils/addresses-utils';
 import { RoleLabel } from '../../components/post/label/label';
+const isMobile = window.innerWidth <= 768;
 
 interface SubplebbitProps {
   index?: number;
@@ -72,7 +73,7 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
   const { t } = useTranslation();
   const { address, createdAt, description, roles, shortAddress, settings, suggested, title, updatedAt } = subplebbit || {};
 
-  const [showDescription, setShowDescription] = useState(false);
+  const [showDescription, setShowDescription] = useState(isMobile ? false : true);
   const buttonType = showDescription ? 'closeButton' : 'textButton';
   const toggleExpanded = () => setShowDescription(!showDescription);
 
@@ -142,8 +143,6 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
               )}
               <Link to={`/p/${address}/settings`}>{t('settings')}</Link>
               <span className={styles.onlineLine}>
-                {/* <span className={`${styles.onlineIndicator} ${isOnline ? styles.online : styles.offline}`} title={isOnline ? t('online') : t('offline')} /> */}
-                {/* <span className={`${styles.onlineStatus} ${isOnline ? styles.green : styles.red}`}>{isOnline ? t('online') : t('offline')}</span> */}
                 <span>{onlineStatus}</span>
               </span>
             </div>

From 4aed92f50e868077faeef6837ca49cbc2f4870b1 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 12:52:06 +0100
Subject: [PATCH 12/16] chore(submit): remove custom error message for pubsub
 providers, doesn't seem needed anymore

---
 src/views/submit/submit.tsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/views/submit/submit.tsx b/src/views/submit/submit.tsx
index b366687d..86a28dac 100644
--- a/src/views/submit/submit.tsx
+++ b/src/views/submit/submit.tsx
@@ -43,12 +43,7 @@ const useSubmitStore = create<SubmitState>((set) => ({
         onChallengeVerification: alertChallengeVerificationFailed,
         onError: (error: Error) => {
           console.error(error);
-          // TODO: remove this explanation when pubsub providers uptime is fixed:
           let errorMessage = error.message;
-          if (errorMessage === 'The challenge request has been published over the pubsub topic but no response was received') {
-            errorMessage +=
-              '. This means seedit web is currently offline, download seedit desktop which is fully peer-to-peer: https://github.com/plebbit/seedit/releases/latest';
-          }
           alert(errorMessage);
         },
       };

From 10835409b8dc58c3ffc57c9c11769b3d11e174f4 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 12:53:00 +0100
Subject: [PATCH 13/16] refactor(header): change routing, tabs and links to
 communities page

---
 src/app.tsx                      |  1 +
 src/components/header/header.tsx | 10 +++-------
 src/components/topbar/topbar.tsx |  4 ++--
 src/lib/utils/view-utils.ts      |  4 ++++
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index b1abaca5..e9e592ee 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -108,6 +108,7 @@ function App() {
             <Route path='/communities/moderator' element={<Subplebbits />} />
             <Route path='/communities/admin' element={<Subplebbits />} />
             <Route path='/communities/owner' element={<Subplebbits />} />
+            <Route path='/communities/vote' element={<Subplebbits />} />
           </Route>
         </Route>
       </Routes>
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index 765f776d..709f3423 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -30,6 +30,7 @@ import {
   isSubplebbitsModeratorView,
   isSubplebbitsAdminView,
   isSubplebbitsOwnerView,
+  isSubplebbitsVoteView,
   isProfileUpvotedView,
 } from '../../lib/utils/view-utils';
 import useTheme from '../../hooks/use-theme';
@@ -213,13 +214,8 @@ const SubplebbitsHeaderTabs = () => {
   return (
     <>
       <li>
-        <Link to={'/communities'} className={`${isInSubplebbitsView ? styles.selected : styles.choice}`}>
-          {t('approved')}
-        </Link>
-      </li>
-      <li>
-        <Link to={'/communities'} className={styles.choice} onClick={(e) => e.preventDefault()}>
-          {t('proposed')}
+        <Link to={'/communities/vote'} className={`${isInSubplebbitsView ? styles.selected : styles.choice}`}>
+          {t('vote')}
         </Link>
       </li>
       <li>
diff --git a/src/components/topbar/topbar.tsx b/src/components/topbar/topbar.tsx
index 0dbb4bc3..8a0d7232 100644
--- a/src/components/topbar/topbar.tsx
+++ b/src/components/topbar/topbar.tsx
@@ -118,7 +118,7 @@ const TopBar = () => {
               </Link>
             ))}
             {subscriptions?.length > 0 && (
-              <Link to='/communities' className={`${styles.dropdownChoice} ${styles.editSubscriptions}`}>
+              <Link to='/communities/subscriber' className={`${styles.dropdownChoice} ${styles.editSubscriptions}`}>
                 {t('edit_subscriptions')}
               </Link>
             )}
@@ -169,7 +169,7 @@ const TopBar = () => {
             ))}
           </ul>
         </div>
-        <Link to='/communities' className={styles.moreLink}>
+        <Link to='/communities/vote' className={styles.moreLink}>
           {t('edit')} »
         </Link>
       </div>
diff --git a/src/lib/utils/view-utils.ts b/src/lib/utils/view-utils.ts
index 9f951826..13e4ca76 100644
--- a/src/lib/utils/view-utils.ts
+++ b/src/lib/utils/view-utils.ts
@@ -143,3 +143,7 @@ export const isSubplebbitsAdminView = (pathname: string): boolean => {
 export const isSubplebbitsOwnerView = (pathname: string): boolean => {
   return pathname === '/communities/owner';
 };
+
+export const isSubplebbitsVoteView = (pathname: string): boolean => {
+  return pathname === '/communities/vote';
+};

From e35e215920dcd092d3ac8e4b063b89805542c8fe Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 12:54:26 +0100
Subject: [PATCH 14/16] refactor(view utils): remove unnecessary function

---
 src/components/header/header.tsx | 1 -
 src/lib/utils/view-utils.ts      | 4 ----
 2 files changed, 5 deletions(-)

diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index 709f3423..6398742f 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -30,7 +30,6 @@ import {
   isSubplebbitsModeratorView,
   isSubplebbitsAdminView,
   isSubplebbitsOwnerView,
-  isSubplebbitsVoteView,
   isProfileUpvotedView,
 } from '../../lib/utils/view-utils';
 import useTheme from '../../hooks/use-theme';
diff --git a/src/lib/utils/view-utils.ts b/src/lib/utils/view-utils.ts
index 13e4ca76..9f951826 100644
--- a/src/lib/utils/view-utils.ts
+++ b/src/lib/utils/view-utils.ts
@@ -143,7 +143,3 @@ export const isSubplebbitsAdminView = (pathname: string): boolean => {
 export const isSubplebbitsOwnerView = (pathname: string): boolean => {
   return pathname === '/communities/owner';
 };
-
-export const isSubplebbitsVoteView = (pathname: string): boolean => {
-  return pathname === '/communities/vote';
-};

From fcdb4784a0294c2ff2cc7a3ca1ac6fad66858250 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 13:30:35 +0100
Subject: [PATCH 15/16] feat(subplebbits): add 'passed' and 'rejected' tabs to
 vote page

---
 src/app.tsx                           |  2 ++
 src/lib/utils/view-utils.ts           | 12 +++++++++
 src/views/subplebbits/subplebbits.tsx | 39 ++++++++++++++++++++++++---
 3 files changed, 50 insertions(+), 3 deletions(-)

diff --git a/src/app.tsx b/src/app.tsx
index e9e592ee..3b7eb136 100644
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -109,6 +109,8 @@ function App() {
             <Route path='/communities/admin' element={<Subplebbits />} />
             <Route path='/communities/owner' element={<Subplebbits />} />
             <Route path='/communities/vote' element={<Subplebbits />} />
+            <Route path='/communities/vote/passed' element={<Subplebbits />} />
+            <Route path='/communities/vote/rejected' element={<Subplebbits />} />
           </Route>
         </Route>
       </Routes>
diff --git a/src/lib/utils/view-utils.ts b/src/lib/utils/view-utils.ts
index 9f951826..1643ceea 100644
--- a/src/lib/utils/view-utils.ts
+++ b/src/lib/utils/view-utils.ts
@@ -143,3 +143,15 @@ export const isSubplebbitsAdminView = (pathname: string): boolean => {
 export const isSubplebbitsOwnerView = (pathname: string): boolean => {
   return pathname === '/communities/owner';
 };
+
+export const isSubplebbitsVoteView = (pathname: string): boolean => {
+  return pathname === '/communities/vote';
+};
+
+export const isSubplebbitsVotePassedView = (pathname: string): boolean => {
+  return pathname === '/communities/vote/passed';
+};
+
+export const isSubplebbitsVoteRejectedView = (pathname: string): boolean => {
+  return pathname === '/communities/vote/rejected';
+};
diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index 397700f8..3ebd6302 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -6,7 +6,16 @@ import styles from './subplebbits.module.css';
 import Sidebar from '../../components/sidebar';
 import SubscribeButton from '../../components/subscribe-button';
 import { getFormattedTimeDuration, getFormattedTimeAgo } from '../../lib/utils/time-utils';
-import { isSubplebbitsView, isSubplebbitsSubscriberView, isSubplebbitsModeratorView, isSubplebbitsAdminView, isSubplebbitsOwnerView } from '../../lib/utils/view-utils';
+import {
+  isSubplebbitsView,
+  isSubplebbitsSubscriberView,
+  isSubplebbitsModeratorView,
+  isSubplebbitsAdminView,
+  isSubplebbitsOwnerView,
+  isSubplebbitsVoteView,
+  isSubplebbitsVotePassedView,
+  isSubplebbitsVoteRejectedView,
+} from '../../lib/utils/view-utils';
 import { useDefaultSubplebbitAddresses } from '../../lib/utils/addresses-utils';
 import { RoleLabel } from '../../components/post/label/label';
 const isMobile = window.innerWidth <= 768;
@@ -16,7 +25,7 @@ interface SubplebbitProps {
   subplebbit: SubplebbitType | undefined;
 }
 
-const Tabs = () => {
+const MyCommunitiesTabs = () => {
   const { t } = useTranslation();
   const location = useLocation();
   const isInSubplebbitsSubscriberView = isSubplebbitsSubscriberView(location.pathname);
@@ -45,6 +54,30 @@ const Tabs = () => {
   );
 };
 
+const VoteTabs = () => {
+  const { t } = useTranslation();
+  const location = useLocation();
+  const isInSubplebbitsVoteView = isSubplebbitsVoteView(location.pathname);
+  const isInSubplebbitsVotePassedView = isSubplebbitsVotePassedView(location.pathname);
+  const isInSubplebbitsVoteRejectedView = isSubplebbitsVoteRejectedView(location.pathname);
+
+  return (
+    <div className={styles.subplebbitsTabs}>
+      <Link to='/communities/vote' className={isInSubplebbitsVoteView ? styles.selected : styles.choice}>
+        {t('all')}
+      </Link>
+      <span className={styles.separator}>|</span>
+      <Link to='/communities/vote/passed' className={isInSubplebbitsVotePassedView ? styles.selected : styles.choice}>
+        {t('passed')}
+      </Link>
+      <span className={styles.separator}>|</span>
+      <Link to='/communities/vote/rejected' className={isInSubplebbitsVoteRejectedView ? styles.selected : styles.choice}>
+        {t('rejected')}
+      </Link>
+    </div>
+  );
+};
+
 const Infobar = () => {
   const account = useAccount();
   const { accountSubplebbits } = useAccountSubplebbits();
@@ -205,7 +238,7 @@ const Subplebbits = () => {
       <div className={styles.sidebar}>
         <Sidebar />
       </div>
-      {(isInSubplebbitsSubscriberView || isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView) && <Tabs />}
+      {isInSubplebbitsSubscriberView || isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView ? <MyCommunitiesTabs /> : <VoteTabs />}
       <Infobar />
       {isInSubplebbitsView && <ApprovedSubplebbits />}
       {(isInSubplebbitsModeratorView || isInSubplebbitsAdminView || isInSubplebbitsOwnerView) && <AccountSubplebbits viewRole={viewRole} />}

From c44a352b56fb07ededca8d56af0ded0748c22d45 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 26 Jan 2024 13:43:10 +0100
Subject: [PATCH 16/16] prevent linking to unfinished pages

---
 src/views/subplebbits/subplebbits.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index 3ebd6302..51599c00 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -67,11 +67,11 @@ const VoteTabs = () => {
         {t('all')}
       </Link>
       <span className={styles.separator}>|</span>
-      <Link to='/communities/vote/passed' className={isInSubplebbitsVotePassedView ? styles.selected : styles.choice}>
+      <Link to='/communities/vote/passed' className={isInSubplebbitsVotePassedView ? styles.selected : styles.choice} onClick={(e) => e.preventDefault()}>
         {t('passed')}
       </Link>
       <span className={styles.separator}>|</span>
-      <Link to='/communities/vote/rejected' className={isInSubplebbitsVoteRejectedView ? styles.selected : styles.choice}>
+      <Link to='/communities/vote/rejected' className={isInSubplebbitsVoteRejectedView ? styles.selected : styles.choice} onClick={(e) => e.preventDefault()}>
         {t('rejected')}
       </Link>
     </div>