chore: adjust logic for displaying sidebar cards

dappforce · Jan 4, 2024 · aaa6b6e · aaa6b6e
1 parent d1c38f5
commit aaa6b6e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 18 deletions.
diff --git a/src/components/creators/CreatorDashboardSidebar.tsx b/src/components/creators/CreatorDashboardSidebar.tsx
@@ -7,7 +7,6 @@ import { useFetchTotalStake } from 'src/rtk/features/creators/totalStakeHooks'
 import { useMyAddress } from '../auth/MyAccountsContext'
 import CreatePostCard from './cards/CreatePostCard'
 import CreatorInfoCard from './cards/CreatorInfoCard'
-import GetMoreSubCard from './cards/GetMoreSubCard'
 import MyStakeCard from './cards/MyStakeCard'
 import StakerRewardInfoCard from './cards/StakerRewardInfoCard'
 import StakeSubCard from './cards/StakeSubCard'
@@ -79,7 +78,8 @@ function SpacePageSidebar({ space }: Extract<CreatorDashboardSidebarType, { name
   return (
     <>
       {(() => {
-        if (!isCreatorSpace) return <SupportCreatorsCard />
+        if (!isCreatorSpace && !totalStake?.hasStaked) return <SupportCreatorsCard />
+
         if (stakeData?.hasStaked) return <MyStakeCard space={space} />
         else return <StakeSubCard space={space} />
       })()}
@@ -91,27 +91,15 @@ function SpacePageSidebar({ space }: Extract<CreatorDashboardSidebarType, { name
 function PostPageSidebar({ space }: Extract<CreatorDashboardSidebarType, { name: 'post-page' }>) {
   const myAddress = useMyAddress() ?? ''
   const { data, loading: loadingTotalStake } = useFetchTotalStake(myAddress)
-  const { isCreatorSpace, loading: loadingCreator } = useIsCreatorSpace(space.id)
+  const { loading: loadingCreator } = useIsCreatorSpace(space.id)
 
   if (loadingCreator) {
     return null
   }
 
-  if (!isCreatorSpace) {
-    return (
-      <>
-        <CreatePostCard variant='posts' />
-        <GetMoreSubCard />
-      </>
-    )
-  }
-
   return (
     <>
-      {(() => {
-        if (!isCreatorSpace) return <CreatePostCard variant='posts' />
-        return <CreatorInfoCard showStakeButton={!data?.hasStaked} space={space} />
-      })()}
+      <CreatorInfoCard showStakeButton={!data?.hasStaked} space={space} />
       {!loadingTotalStake &&
         (data?.hasStaked ? <StakerRewardInfoCard /> : <StakeSubCard space={space} />)}
     </>

diff --git a/src/components/creators/cards/CreatorInfoCard.module.sass b/src/components/creators/cards/CreatorInfoCard.module.sass
@@ -13,10 +13,9 @@
     margin-bottom: $space_small
 
     .Title
-      font-size: $font_large
+      font-size: $font_semilarge
       font-weight: $font_weight_semibold
       line-height: normal
-      margin-bottom: $space_mini
 
   .Subtitle
     opacity: 0.8