diff --git a/src/components/author-sidebar/author-sidebar.tsx b/src/components/author-sidebar/author-sidebar.tsx
index 76be5c02..2a9383e9 100644
--- a/src/components/author-sidebar/author-sidebar.tsx
+++ b/src/components/author-sidebar/author-sidebar.tsx
@@ -109,11 +109,11 @@ const AuthorSidebar = () => {
<>
{postScore} post karma
- {isAuthorPage && postScore && ' (estimated)'}
+ {isAuthorPage && postScore ? ' (estimated)' : null}
{replyScore} comment karma
- {isAuthorPage && replyScore && ' (estimated)'}
+ {isAuthorPage && replyScore ? ' (estimated)' : null}
>
) : null}
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index d475220b..1d4413c2 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -313,7 +313,7 @@ const Header = () => {
- {(isSubplebbitPage || isSubplebbitSubmitPage || isPostPage || isProfilePage || isAuthorPage) && }
+ {(isSubplebbitPage || isSubplebbitSubmitPage || isPostPage) && }
)}
diff --git a/src/components/sort-dropdown/sort-dropdown.tsx b/src/components/sort-dropdown/sort-dropdown.tsx
index 1db69c42..98308192 100644
--- a/src/components/sort-dropdown/sort-dropdown.tsx
+++ b/src/components/sort-dropdown/sort-dropdown.tsx
@@ -2,7 +2,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
import styles from './sort-dropdown.module.css';
const SortDropdown = () => {
- const sortLabels = ['new', 'old']
+ const sortLabels = ['new', 'old'];
const [isDropdownOpen, setIsDropdownOpen] = useState(false);
const dropdownRef = useRef(null);
diff --git a/src/views/author/author.module.css b/src/views/author/author.module.css
index b443a519..02a010c8 100644
--- a/src/views/author/author.module.css
+++ b/src/views/author/author.module.css
@@ -7,7 +7,13 @@ div[data-viewport-type="window"] {
}
@media (max-width: 768px) {
- .sidebar {
+ .sidebarDesktop {
display: none;
}
+
+ .sidebarMobile {
+ width: 300px;
+ display: inline-block;
+ padding: 10px 0 0px 5px;
+ }
}
\ No newline at end of file
diff --git a/src/views/author/author.tsx b/src/views/author/author.tsx
index f762812e..17402241 100644
--- a/src/views/author/author.tsx
+++ b/src/views/author/author.tsx
@@ -20,6 +20,7 @@ const Author = () => {
const params = useParams();
const isAuthorCommentsPage = isAuthorCommentsView(location.pathname, params);
const isAuthorSubmittedPage = isAuthorSubmittedView(location.pathname, params);
+ const isMobile = window.innerWidth < 768;
const { authorComments, lastCommentCid, hasMore, loadMore } = useAuthorComments({ commentCid, authorAddress });
@@ -72,7 +73,7 @@ const Author = () => {
return (
-
+
diff --git a/src/views/profile/profile.module.css b/src/views/profile/profile.module.css
index b443a519..02a010c8 100644
--- a/src/views/profile/profile.module.css
+++ b/src/views/profile/profile.module.css
@@ -7,7 +7,13 @@ div[data-viewport-type="window"] {
}
@media (max-width: 768px) {
- .sidebar {
+ .sidebarDesktop {
display: none;
}
+
+ .sidebarMobile {
+ width: 300px;
+ display: inline-block;
+ padding: 10px 0 0px 5px;
+ }
}
\ No newline at end of file
diff --git a/src/views/profile/profile.tsx b/src/views/profile/profile.tsx
index 57b1808b..92f4997d 100644
--- a/src/views/profile/profile.tsx
+++ b/src/views/profile/profile.tsx
@@ -22,6 +22,7 @@ const Profile = () => {
const isDownvotedPage = isDownvotedView(location.pathname);
const isCommentsPage = isProfileCommentsView(location.pathname);
const isSubmittedPage = isProfileSubmittedView(location.pathname);
+ const isMobile = window.innerWidth < 768;
const upvotedCommentCids = useMemo(() => accountVotes?.filter((vote) => vote.vote === 1).map((vote) => vote.commentCid) || [], [accountVotes]);
const downvotedCommentCids = useMemo(() => accountVotes?.filter((vote) => vote.vote === -1).map((vote) => vote.commentCid) || [], [accountVotes]);
@@ -61,7 +62,7 @@ const Profile = () => {
return (