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 = () => {
)} 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 (
-
+