From 736143da3fd8d8a89d8069367527251e6e2c1062 Mon Sep 17 00:00:00 2001
From: teodorus-nathaniel <nathankurnia26@gmail.com>
Date: Thu, 14 Dec 2023 19:52:58 +0700
Subject: [PATCH 1/2] chore: add more creators to the list

---
 src/config/app/polkaverse/index.ts | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/config/app/polkaverse/index.ts b/src/config/app/polkaverse/index.ts
index 83eb26c83..fc71713d7 100644
--- a/src/config/app/polkaverse/index.ts
+++ b/src/config/app/polkaverse/index.ts
@@ -23,7 +23,23 @@ const index: AppConfig = {
   claimedSpaceIds: ['1', '2', '3', '4', '5'],
   recommendedSpaceIds: polkaverseSpaces,
   suggestedTlds: ['sub', 'polka'],
-  creatorIds: ['11414', '4809', '4777', '6953', '10132', '6283', '11581', '7366', '11157', '11566'],
+  creatorIds: [
+    '11414',
+    '4809',
+    '4777',
+    '6953',
+    '10132',
+    '6283',
+    '11581',
+    '7366',
+    '11157',
+    '11566',
+    '10124',
+    '11581',
+    '1573',
+    '1238',
+    '11844',
+  ],
 }
 
 export default index

From 5ba53c6fea497d348a1d96c9f5f5e5cf67990aab Mon Sep 17 00:00:00 2001
From: teodorus-nathaniel <nathankurnia26@gmail.com>
Date: Thu, 14 Dec 2023 20:01:58 +0700
Subject: [PATCH 2/2] feat: make stake link open in new tab and go directly to
 the staker

---
 src/components/spaces/SpaceCard.tsx |  2 +-
 src/components/spaces/ViewSpace.tsx | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/spaces/SpaceCard.tsx b/src/components/spaces/SpaceCard.tsx
index a7af3b3c3..bb58ba6e5 100644
--- a/src/components/spaces/SpaceCard.tsx
+++ b/src/components/spaces/SpaceCard.tsx
@@ -58,7 +58,7 @@ export default function SpaceCard({ spaceId, ...props }: SpaceCardProps) {
       subtitle={<DfMd className='ColorCurrentColor' source={spaceData?.content?.about} />}
       buttons={
         spaceData && [
-          <StakeButton key={'stake'} spaceId={spaceData.id} />,
+          <StakeButton key={'stake'} spaceStruct={spaceData.struct} />,
           isMySpace ? (
             <ButtonLink
               href={'/[spaceId]/edit'}
diff --git a/src/components/spaces/ViewSpace.tsx b/src/components/spaces/ViewSpace.tsx
index d01ace014..dbb486f01 100644
--- a/src/components/spaces/ViewSpace.tsx
+++ b/src/components/spaces/ViewSpace.tsx
@@ -6,14 +6,14 @@ import React, { MouseEvent, useCallback, useState } from 'react'
 import { ButtonLink } from 'src/components/utils/CustomLinks'
 import { Segment } from 'src/components/utils/Segment'
 import { LARGE_AVATAR_SIZE } from 'src/config/Size.config'
-import { SpaceContent, SpaceId, SpaceWithSomeDetails } from 'src/types'
+import { SpaceContent, SpaceId, SpaceStruct, SpaceWithSomeDetails } from 'src/types'
 import config from '../../config'
 import { useSelectProfileSpace } from '../../rtk/features/profiles/profilesHooks'
 import { useSelectSpace } from '../../rtk/features/spaces/spacesHooks'
 import { useMyAddress } from '../auth/MyAccountsContext'
 import MakeAsProfileModal from '../profiles/address-views/utils/MakeAsProfileModal'
 import { useIsMobileWidthOrDevice } from '../responsive'
-import { editSpaceUrl } from '../urls'
+import { editSpaceUrl, spaceUrl } from '../urls'
 import { DfMd } from '../utils/DfMd'
 import { EntityStatusGroup, PendingSpaceOwnershipPanel } from '../utils/EntityStatusPanels'
 import { SummarizeMd } from '../utils/md'
@@ -59,9 +59,14 @@ export const SpaceNameAsLink = React.memo(({ space, ...props }: SpaceNameAsLinkP
   return <ViewSpaceLink space={space.struct} title={spaceName} {...props} />
 })
 
-export const StakeButton = ({ spaceId }: { spaceId: SpaceId }) => {
-  return config.creatorIds?.includes(spaceId) ? (
-    <ButtonLink type='primary' href={'https://sub.id/creators'} className={clsx('mr-2')}>
+export const StakeButton = ({ spaceStruct }: { spaceStruct: SpaceStruct }) => {
+  return config.creatorIds?.includes(spaceStruct.id) ? (
+    <ButtonLink
+      type='primary'
+      target='_blank'
+      href={`https://sub.id/creators/${spaceUrl(spaceStruct)}`}
+      className={clsx('mr-2')}
+    >
       Stake
     </ButtonLink>
   ) : null
@@ -196,7 +201,7 @@ export const InnerViewSpace = (props: Props) => {
                     <EditOutlined /> Edit
                   </ButtonLink>
                 ) : (
-                  withStakeButton && <StakeButton spaceId={space.id} />
+                  withStakeButton && <StakeButton spaceStruct={space} />
                 ))}
 
               {withFollowButton && <FollowSpaceButton space={space} />}