feat: hide top users in mobile post page

dappforce · Jan 19, 2024 · c736323 · c736323
1 parent 629180b
commit c736323
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/creators/MobileActiveStakingSection.tsx b/src/components/creators/MobileActiveStakingSection.tsx
@@ -6,11 +6,13 @@ import TopUsersCard from './TopUsersCard'
 export type MobileActiveStakingSectionProps = ComponentProps<'div'> & {
   offsetX?: number
   offsetY?: number
+  showTopUsers?: boolean
 }
 
 export default function MobileActiveStakingSection({
   offsetX = -16,
   offsetY = -12,
+  showTopUsers = true,
   ...props
 }: MobileActiveStakingSectionProps) {
   const isMobile = useIsMobileWidthOrDevice()
@@ -31,7 +33,7 @@ export default function MobileActiveStakingSection({
       >
         <MobileStakerRewardDashboard />
       </div>
-      <TopUsersCard style={{ margin: `0 ${offsetX}px`, background: 'white' }} />
+      {showTopUsers && <TopUsersCard style={{ margin: `0 ${offsetX}px`, background: 'white' }} />}
     </>
   )
 }
diff --git a/src/components/posts/view-post/PostPage.tsx b/src/components/posts/view-post/PostPage.tsx
@@ -147,7 +147,7 @@ const InnerPostPage: NextPage<PostDetailsProps> = props => {
       withVoteBanner
       creatorDashboardSidebarType={{ name: 'post-page', space }}
     >
-      <MobileActiveStakingSection />
+      <MobileActiveStakingSection showTopUsers={false} />
       <HiddenPostAlert post={post.struct} />
       <Section>
         <div>