diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css
index 02a10fc6..157c4508 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.module.css
@@ -1,5 +1,4 @@
.content {
- padding: 7px 5px 50px 5px;
color: var(--text);
}
@@ -75,8 +74,8 @@
border-style: solid;
border-width: 1px;
font-size: small;
- margin-bottom: 5px;
- padding: 6px 10px;
+ margin: 0px 5px 5px 0px;
+ padding: 6px 10px 6px 10px;
color: var(--text);
word-wrap: break-word;
font-size: 14px;
@@ -158,6 +157,13 @@
}
@media (max-width: 768px) {
+ .content {
+ padding: 7px 0px 0px 0px;
+ }
+
+ .sidebar {
+ display: none;
+ }
.box {
width: 100%;
box-sizing: border-box;
@@ -167,4 +173,14 @@
width: calc(100% - 104px);
box-sizing: border-box;
}
+}
+
+@media (min-width: 768px) {
+ .content {
+ padding: 7px 5px 0px 5px;
+ }
+
+ .infobar {
+ max-width: calc(100% - 327px);
+ }
}
\ No newline at end of file
diff --git a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
index 04f57fd5..a6e74cc3 100644
--- a/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
+++ b/src/views/subplebbit/subplebbit-settings/subplebbit-settings.tsx
@@ -5,6 +5,7 @@ import { RolesCollection } from '../../../lib/utils/user-utils';
import { useTranslation } from 'react-i18next';
import stringify from 'json-stringify-pretty-compact';
import styles from './subplebbit-settings.module.css';
+import Sidebar from '../../../components/sidebar';
const isElectron = window.electron && window.electron.isElectron;
@@ -200,7 +201,7 @@ const SubplebbitSettings = () => {
const subplebbit = useSubplebbit({ subplebbitAddress });
const userRole = subplebbit?.roles?.[account.author?.address]?.role;
const isAdmin = userRole === 'admin' || userRole === 'owner';
- const { address, description, rules, suggested, roles, title } = subplebbit || {};
+ const { address, createdAt, description, rules, suggested, roles, title, updatedAt } = subplebbit || {};
const [text, setText] = useState('');
let usePublishSubplebbitEditOptions;
@@ -263,6 +264,9 @@ const SubplebbitSettings = () => {
return (
+
+
+
{!isAdmin &&
only the admins and the owner of a community can edit its settings
}
{!isElectron && isAdmin &&
you must be using the desktop app to edit community settings
}
diff --git a/src/views/subplebbit/subplebbit.module.css b/src/views/subplebbit/subplebbit.module.css
index fb2654ac..90e3706a 100644
--- a/src/views/subplebbit/subplebbit.module.css
+++ b/src/views/subplebbit/subplebbit.module.css
@@ -2,6 +2,7 @@
padding-left: 5px;
}
+/* position virtuoso window content relatively to sidebar */
div[data-viewport-type="window"] {
position: relative !important;
}
diff --git a/src/views/subplebbits/subplebbits.module.css b/src/views/subplebbits/subplebbits.module.css
index ec9edf99..61874305 100644
--- a/src/views/subplebbits/subplebbits.module.css
+++ b/src/views/subplebbits/subplebbits.module.css
@@ -1,39 +1,11 @@
-@media (max-width: 768px) {
- .content {
- padding: 7px 0px 20px 0px;
- }
-
- .sidebar {
- display: none;
- }
-
- .infobar {
- margin: 0px 5px;
- }
-
- .subplebbit {
- padding-right: 5px;
- }
-}
-
-@media (min-width: 768px) {
- .content {
- padding: 7px 5px 0px 5px;
- }
-
- .stateString, .infobar {
- max-width: calc(100% - 327px);
- }
-}
-
.infobar {
background-color: var(--background-orange);
border-color: var(--border-orange);
border-style: solid;
border-width: 1px;
font-size: small;
- margin: 3px 0px;
- padding: 6px 10px;
+ margin: 0px 5px 5px 0px;
+ padding: 6px 10px 6px 10px;
color: var(--text);
word-wrap: break-word;
font-size: 14px;
@@ -106,7 +78,7 @@
display: inline-flex;
height: 13px;
width: 13px;
- margin: 3px 5px -2px 2px;
+ margin: 0 5px -3px 0;
}
.online {
@@ -119,10 +91,7 @@
.title {
display: inline-flex;
- flex-wrap: wrap;
- align-items: center;
font-size: medium;
- overflow: hidden;
unicode-bidi: isolate;
margin-bottom: -2px;
}
@@ -138,10 +107,6 @@
color: var(--link-visited);
} */
-.subscribeButton {
- margin-top: 2px;
-}
-
.description {
max-width: 60em;
unicode-bidi: isolate;
@@ -179,9 +144,9 @@
border-bottom: 1px dotted gray;
padding: 5px 10px;
margin-left: 5px;
+ margin-bottom: 5px;
overflow: hidden;
font-size: larger;
- display: inline-block;
margin-right: 15px;
text-transform: lowercase;
}
@@ -205,4 +170,36 @@
.selected {
color: var(--green) !important;
font-weight: bold;
-}
\ No newline at end of file
+}
+
+@media (max-width: 768px) {
+ .content {
+ padding: 7px 0px 20px 0px;
+ }
+
+ .sidebar {
+ display: none;
+ }
+
+ .subplebbit {
+ padding-right: 5px;
+ }
+
+ .infobar {
+ margin-left: 5px;
+ }
+
+ .subplebbitsTabs {
+ margin-right: 5px;
+ }
+}
+
+@media (min-width: 768px) {
+ .content {
+ padding: 7px 5px 0px 5px;
+ }
+
+ .stateString, .infobar {
+ max-width: calc(100% - 327px);
+ }
+}
diff --git a/src/views/subplebbits/subplebbits.tsx b/src/views/subplebbits/subplebbits.tsx
index 8d4b01ee..4a5e6e83 100644
--- a/src/views/subplebbits/subplebbits.tsx
+++ b/src/views/subplebbits/subplebbits.tsx
@@ -49,6 +49,9 @@ const Tabs = () => {
};
const Infobar = () => {
+ const account = useAccount();
+ const { accountSubplebbits } = useAccountSubplebbits();
+ const subscriptions = account?.subscriptions || [];
const { t } = useTranslation();
const location = useLocation();
const isInSubplebbitsMineSubscriberView = isSubplebbitsMineSubscriberView(location.pathname);
@@ -57,11 +60,11 @@ const Infobar = () => {
const infobarText = useMemo(() => {
if (isInSubplebbitsMineSubscriberView) {
- return 'below are communities you have subscribed to.';
+ return subscriptions.length === 0 ? 'you are not subscribed to any community.' : 'below are communities you have subscribed to.';
} else if (isInSubplebbitsMineContributorView) {
return 'below are the communities that you are an approved user on.';
} else if (isInSubplebbitsMineModeratorView) {
- return 'below are the communities that you have moderator access to.';
+ return Object.keys(accountSubplebbits).length > 0 ? 'below are the communities that you have moderator access to.' : 'you are not a moderator on any community.';
} else {
return (
<>
@@ -69,7 +72,7 @@ const Infobar = () => {
);
}
- }, [isInSubplebbitsMineSubscriberView, isInSubplebbitsMineContributorView, isInSubplebbitsMineModeratorView, t]);
+ }, [isInSubplebbitsMineSubscriberView, isInSubplebbitsMineContributorView, isInSubplebbitsMineModeratorView, t, subscriptions.length, accountSubplebbits]);
return
{infobarText}
;
};
@@ -108,14 +111,18 @@ const Subplebbit = ({ subplebbit }: SubplebbitProps) => {
-
-
- p/{address?.includes('.') ? address : shortAddress}
- {title && `: ${title}`}
-
-
-
-
+
+
+
+
+
+ p/{address?.includes('.') ? address : shortAddress}
+ {title && `: ${title}`}
+
+
+
+
+
{description &&
{description}
}
@@ -166,10 +173,9 @@ const Subplebbits = () => {
return (
-
+
-
{(isInSubplebbitsMineView || isInSubplebbitsMineModeratorView || isInSubplebbitsMineSubscriberView) &&
}
{isInSubplebbitsView &&
}