diff --git a/packages/atlas/src/components/_ypp/BenefitCard/BenefitCard.tsx b/packages/atlas/src/components/_ypp/BenefitCard/BenefitCard.tsx index 201cdc823a..4b93467e36 100644 --- a/packages/atlas/src/components/_ypp/BenefitCard/BenefitCard.tsx +++ b/packages/atlas/src/components/_ypp/BenefitCard/BenefitCard.tsx @@ -10,9 +10,9 @@ import { ContenBox, Pattern, Wrapper } from './BenefitCard.styles' export type BenefitCardProps = { title: string - description?: string + description?: ReactNode rewardNode?: ReactNode - amountTooltip?: string + rewardTooltip?: ReactNode className?: string actionNode?: ReactNode } @@ -23,7 +23,7 @@ export const BenefitCard: FC = ({ rewardNode, className, actionNode, - amountTooltip, + rewardTooltip, }) => { const smMatch = useMediaMatch('sm') const lgMatch = useMediaMatch('lg') @@ -33,7 +33,9 @@ export const BenefitCard: FC = ({ {rewardNode} - {amountTooltip && } + {rewardTooltip && ( + + )} ) diff --git a/packages/atlas/src/views/studio/YppDashboard/tabs/YppDashboardMainTab.tsx b/packages/atlas/src/views/studio/YppDashboard/tabs/YppDashboardMainTab.tsx index ee5abad62d..32420fc9b6 100644 --- a/packages/atlas/src/views/studio/YppDashboard/tabs/YppDashboardMainTab.tsx +++ b/packages/atlas/src/views/studio/YppDashboard/tabs/YppDashboardMainTab.tsx @@ -5,7 +5,6 @@ import { useNavigate } from 'react-router-dom' import { SvgActionChevronT, - SvgActionClose, SvgActionNewChannel, SvgActionNewTab, SvgAlertsInformative24, @@ -36,13 +35,7 @@ import { YppAuthorizationModal } from '@/views/global/YppLandingView/YppAuthoriz import { configYppIconMapper } from '@/views/global/YppLandingView/sections/YppFooter' import { useGetYppSyncedChannels } from '@/views/global/YppLandingView/useGetYppSyncedChannels' -import { - StatusDot, - StatusDotWrapper, - StyledCloseButton, - WidgetTileContent, - YppSyncStatus, -} from './YppDashboardTabs.styles' +import { StatusDot, StatusDotWrapper, WidgetTileContent, YppSyncStatus } from './YppDashboardTabs.styles' const SIGNUP_MESSAGE = 'YPP_SIGNUP_MESSAGE-' @@ -168,16 +161,8 @@ export const YppDashboardMainTab: FC = () => { {!hasDismissedSignupMessage && !currentChannel?.yppStatus.startsWith('Suspended') && ( { (getTierRewards(yppBackendTierToConfig(currentChannel.yppStatus))?.signUp || 0) * rewardMultiplier } USD` } - amountTooltip="Ranks are assigned at discretion of Joystream team based on such factors as content quality and channel popularity." + rewardTooltip={ + + Connected channels undergo verification from the DAO content team and assigned tiers based on + production quality. Sign up bonus, sync rewards and access to more earning opportunities are based on + the tier. Learn more + + } actionNode={ - !currentChannel || !currentChannel.yppStatus.startsWith('Verified') ? ( - - ) : ( - updateDismissedMessages(getMessageIdForChannel(channelId as string))} - icon={smMatch && } - > - {!smMatch ? 'Close' : ''} - - ) + } /> )} { : 'Up to +5 USD' : `+${getTierRewards(yppBackendTierToConfig(currentChannel.yppStatus))?.videoSync} USD` } - amountTooltip={ - !currentChannel?.yppStatus.startsWith('Verified') - ? 'Ranks are assigned at discretion of Joystream team based on such factors as content quality and channel popularity.' - : `Your YouTube channel is being automatically synced with your ${atlasConfig.general.appName} channel. You will be rewarded every time a new video gets synced.` + rewardTooltip={ + + The limit of historical videos and rewards for synced videos are based on the channel rewards tier and + paid for weekly basis. + Learn more + } actionNode={ currentChannel?.yppStatus.startsWith('Verified') ? ( @@ -253,10 +235,16 @@ export const YppDashboardMainTab: FC = () => { } /> + Referrals is the easiest way to ramp up rewards. Top referrers are published to the regularly updated + leaderboard. + Learn more + + } actionNode={} /> @@ -266,18 +254,40 @@ export const YppDashboardMainTab: FC = () => { title="Discord Community" description="Connect with other creators on Discord and participate in building the platform with us. Each week 10 new active participants selected by community are rewarded with 20 USD." rewardNode="20 USD" + rewardTooltip={ + + We are proud to be building a vibrant community of forward looking creators across a wide set of content + categories. To stay ahead of the new opportunities to earn with Gleev and connect with the peers and + support team join our Discord. Newcomers are rewarded with JOY tokens for active participation. + Learn more + + } actionNode={} /> + JoystreamDAO has 50 thousand followers and we are going strong towards our first million. Join the club, + get exposure to our growing follower base and get a chance to receive a bonus. + Learn more + + } actionNode={} /> + During every event the panelists and hosts vote on selecting 3 best questions from the audience which + are rewarded with JOY and other prizes. + Learn more + + } actionNode={} /> @@ -286,14 +296,29 @@ export const YppDashboardMainTab: FC = () => { + Original content published to Gleev is rewarded at a multiple. We are gathering applicants for the + beta testing of this feature. Apply early for higher multiples. + Learn more + + } actionNode={} /> + Using branded assets as a preroll for your videos published to Gleev first allow to maximise the + rewards. We are gathering early applicants for the beta test of this feature. Apply early to get + higher multiple. + Learn more + + } actionNode={} /> @@ -303,16 +328,46 @@ export const YppDashboardMainTab: FC = () => { + Drop the link of your post to{' '} + + shared NFTs channel + {' '} + on Discord to participate in rewards. + + } rewardNode="Up to 100 USD" + rewardTooltip={ + + Promote your NFTs on social media and get rewarded by the DAO for this. Rewards assigned are based on + peer upvotes held in a dedicated Discord channel. + Learn more + + } actionNode={ } /> + Drop the link of your post to{' '} + + shared Tokens channel{' '} + {' '} + on Discord to participate in rewards. + + } rewardNode="Up to 100 USD" + rewardTooltip={ + + Promote your Creator Token on social media and get rewarded by the DAO for this. Rewards assigned are + based on peer upvotes held in a dedicated Discord channel. + Learn more + + } actionNode={ } @@ -320,7 +375,14 @@ export const YppDashboardMainTab: FC = () => { + Ambassador program is open for creators dedicated to Joystream and entails versatile tasks of your + choice for collaboration and promotion. + Learn more + + } actionNode={} />