From dabdbd50d3eb87dde498cbcf653703b8df1a7671 Mon Sep 17 00:00:00 2001 From: corlard3y Date: Thu, 12 Sep 2024 07:46:05 +0100 Subject: [PATCH] update icons --- .../components/ActivePushPoints.tsx | 60 ++++ .../components/AlphaAccessNFT.tsx | 338 ++++++++++++++++++ .../BlueBonusActivitySubscribers.tsx | 61 ++++ .../components/CreateChannelPoints.tsx | 80 +++++ .../components/GatedGroupPoints.tsx | 76 ++++ .../GradientBonusActivitySubscribers.tsx | 99 +++++ .../GreyBonusActivitySubscribers.tsx | 57 +++ .../OrangeBonusActivitySubscribers.tsx | 57 +++ .../illustrations/components/RockstarNFT.tsx | 104 ++++++ .../components/SetupProfilePoints.tsx | 296 +++++++++++++++ .../components/SubscribePoints.tsx | 66 ++++ .../YellowBonusActivitySubscribers.tsx | 61 ++++ src/blocks/illustrations/index.ts | 26 ++ .../components/RewardsActivitiesList.tsx | 2 +- .../components/RewardsActivityIcon.tsx | 134 ++++++- 15 files changed, 1514 insertions(+), 3 deletions(-) create mode 100644 src/blocks/illustrations/components/ActivePushPoints.tsx create mode 100644 src/blocks/illustrations/components/AlphaAccessNFT.tsx create mode 100644 src/blocks/illustrations/components/BlueBonusActivitySubscribers.tsx create mode 100644 src/blocks/illustrations/components/CreateChannelPoints.tsx create mode 100644 src/blocks/illustrations/components/GatedGroupPoints.tsx create mode 100644 src/blocks/illustrations/components/GradientBonusActivitySubscribers.tsx create mode 100644 src/blocks/illustrations/components/GreyBonusActivitySubscribers.tsx create mode 100644 src/blocks/illustrations/components/OrangeBonusActivitySubscribers.tsx create mode 100644 src/blocks/illustrations/components/RockstarNFT.tsx create mode 100644 src/blocks/illustrations/components/SetupProfilePoints.tsx create mode 100644 src/blocks/illustrations/components/SubscribePoints.tsx create mode 100644 src/blocks/illustrations/components/YellowBonusActivitySubscribers.tsx diff --git a/src/blocks/illustrations/components/ActivePushPoints.tsx b/src/blocks/illustrations/components/ActivePushPoints.tsx new file mode 100644 index 0000000000..466619c332 --- /dev/null +++ b/src/blocks/illustrations/components/ActivePushPoints.tsx @@ -0,0 +1,60 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const ActivePushPoints: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default ActivePushPoints; diff --git a/src/blocks/illustrations/components/AlphaAccessNFT.tsx b/src/blocks/illustrations/components/AlphaAccessNFT.tsx new file mode 100644 index 0000000000..78e4e7922d --- /dev/null +++ b/src/blocks/illustrations/components/AlphaAccessNFT.tsx @@ -0,0 +1,338 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const AlphaAccessPoints: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default AlphaAccessPoints; diff --git a/src/blocks/illustrations/components/BlueBonusActivitySubscribers.tsx b/src/blocks/illustrations/components/BlueBonusActivitySubscribers.tsx new file mode 100644 index 0000000000..2346e1bd05 --- /dev/null +++ b/src/blocks/illustrations/components/BlueBonusActivitySubscribers.tsx @@ -0,0 +1,61 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const BlueBonusActivitySubscribers: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default BlueBonusActivitySubscribers; diff --git a/src/blocks/illustrations/components/CreateChannelPoints.tsx b/src/blocks/illustrations/components/CreateChannelPoints.tsx new file mode 100644 index 0000000000..6f918dcc11 --- /dev/null +++ b/src/blocks/illustrations/components/CreateChannelPoints.tsx @@ -0,0 +1,80 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const CreateChannelPoints: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default CreateChannelPoints; diff --git a/src/blocks/illustrations/components/GatedGroupPoints.tsx b/src/blocks/illustrations/components/GatedGroupPoints.tsx new file mode 100644 index 0000000000..cf7a7706b2 --- /dev/null +++ b/src/blocks/illustrations/components/GatedGroupPoints.tsx @@ -0,0 +1,76 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const GatedGroupPoints: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default GatedGroupPoints; diff --git a/src/blocks/illustrations/components/GradientBonusActivitySubscribers.tsx b/src/blocks/illustrations/components/GradientBonusActivitySubscribers.tsx new file mode 100644 index 0000000000..fa3cd6213a --- /dev/null +++ b/src/blocks/illustrations/components/GradientBonusActivitySubscribers.tsx @@ -0,0 +1,99 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const GradientBonusActivitySubscribers: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default GradientBonusActivitySubscribers; diff --git a/src/blocks/illustrations/components/GreyBonusActivitySubscribers.tsx b/src/blocks/illustrations/components/GreyBonusActivitySubscribers.tsx new file mode 100644 index 0000000000..04194371d3 --- /dev/null +++ b/src/blocks/illustrations/components/GreyBonusActivitySubscribers.tsx @@ -0,0 +1,57 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const GreyBonusActivitySubscribers: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default GreyBonusActivitySubscribers; diff --git a/src/blocks/illustrations/components/OrangeBonusActivitySubscribers.tsx b/src/blocks/illustrations/components/OrangeBonusActivitySubscribers.tsx new file mode 100644 index 0000000000..1e11dab95d --- /dev/null +++ b/src/blocks/illustrations/components/OrangeBonusActivitySubscribers.tsx @@ -0,0 +1,57 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const OrangeBonusActivitySubscribers: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default OrangeBonusActivitySubscribers; diff --git a/src/blocks/illustrations/components/RockstarNFT.tsx b/src/blocks/illustrations/components/RockstarNFT.tsx new file mode 100644 index 0000000000..ac84a7f118 --- /dev/null +++ b/src/blocks/illustrations/components/RockstarNFT.tsx @@ -0,0 +1,104 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const RockstarNFT: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default RockstarNFT; diff --git a/src/blocks/illustrations/components/SetupProfilePoints.tsx b/src/blocks/illustrations/components/SetupProfilePoints.tsx new file mode 100644 index 0000000000..ac4bdd5803 --- /dev/null +++ b/src/blocks/illustrations/components/SetupProfilePoints.tsx @@ -0,0 +1,296 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const SetupProfilePoints: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default SetupProfilePoints; diff --git a/src/blocks/illustrations/components/SubscribePoints.tsx b/src/blocks/illustrations/components/SubscribePoints.tsx new file mode 100644 index 0000000000..89506e6c21 --- /dev/null +++ b/src/blocks/illustrations/components/SubscribePoints.tsx @@ -0,0 +1,66 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const SubscribePoints: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default SubscribePoints; diff --git a/src/blocks/illustrations/components/YellowBonusActivitySubscribers.tsx b/src/blocks/illustrations/components/YellowBonusActivitySubscribers.tsx new file mode 100644 index 0000000000..47d53625ec --- /dev/null +++ b/src/blocks/illustrations/components/YellowBonusActivitySubscribers.tsx @@ -0,0 +1,61 @@ +import { FC } from 'react'; +import { IllustrationWrapper } from '../IllustrationWrapper'; +import { IllustrationProps } from '../Illustrations.types'; + +const YellowBonusActivitySubscribers: FC = (allProps) => { + const { svgProps: props, ...restProps } = allProps; + return ( + + + + + + + + + + + } + {...restProps} + /> + ); +}; + +export default YellowBonusActivitySubscribers; diff --git a/src/blocks/illustrations/index.ts b/src/blocks/illustrations/index.ts index 997e080bfd..6acb44550e 100644 --- a/src/blocks/illustrations/index.ts +++ b/src/blocks/illustrations/index.ts @@ -1,9 +1,16 @@ export * from './IllustrationWrapper'; export * from './Illustrations.types'; +export { default as ActivePushPoints } from './components/ActivePushPoints'; + +export { default as AlphaAccessNFT } from './components/AlphaAccessNFT'; + export { default as Arbitrum } from './components/Arbitrum'; export { default as Base } from './components/Base'; + +export { default as BlueBonusActivitySubscribers } from './components/BlueBonusActivitySubscribers'; + export { default as BNB } from './components/BNB'; export { default as ChatIllustration } from './components/Chat'; @@ -16,14 +23,24 @@ export { default as Communication } from './components/Communication'; export { default as CommunicationDark } from './components/CommunicationDark'; +export { default as CreateChannelPoints } from './components/CreateChannelPoints'; + export { default as Discord } from './components/Discord'; export { default as EarnOnPush } from './components/EarnOnPush'; export { default as Ethereum } from './components/Ethereum'; +export { default as GatedGroupPoints } from './components/GatedGroupPoints'; + +export { default as GradientBonusActivitySubscribers } from './components/GradientBonusActivitySubscribers'; + +export { default as GreyBonusActivitySubscribers } from './components/GreyBonusActivitySubscribers'; + export { default as Linea } from './components/Linea'; +export { default as OrangeBonusActivitySubscribers } from './components/OrangeBonusActivitySubscribers'; + export { default as PushAlpha } from './components/PushAlpha'; export { default as PushBot } from './components/PushBot'; @@ -46,8 +63,12 @@ export { default as RewardsBell } from './components/RewardsBell'; export { default as RewardPoints } from './components/RewardPoints'; +export { default as RockstarNFT } from './components/RockstarNFT'; + export { default as Referral } from './components/Referral'; +export { default as SetupProfilePoints } from './components/SetupProfilePoints'; + export { default as StakePushBlueCoin } from './components/StakePushBlueCoin'; export { default as StakePushBlueMultiplier } from './components/StakePushBlueMultiplier'; @@ -68,6 +89,8 @@ export { default as StakePushYellowCoin } from './components/StakePushYellowCoin export { default as StakePushYellowMultiplier } from './components/StakePushYellowMultiplier'; +export { default as SubscribePoints } from './components/SubscribePoints'; + export { default as TripleRewardsCoin } from './components/TripleRewardsCoin'; export { default as Twitter } from './components/Twitter'; @@ -79,4 +102,7 @@ export { default as RewardsCoin } from './components/RewardsCoin'; export { default as PushLogo } from './components/PushLogo'; export { default as Polygon } from './components/Polygon'; + export { default as PolygonZK } from './components/PolygonZK'; + +export { default as YellowBonusActivitySubscribers } from './components/YellowBonusActivitySubscribers'; diff --git a/src/modules/rewards/components/RewardsActivitiesList.tsx b/src/modules/rewards/components/RewardsActivitiesList.tsx index 1edd3a357f..a777d2c495 100644 --- a/src/modules/rewards/components/RewardsActivitiesList.tsx +++ b/src/modules/rewards/components/RewardsActivitiesList.tsx @@ -31,7 +31,7 @@ const RewardsActivitiesList: FC = () => { // Filter activities based on the index const firstGroupActivities = isLoading ? Array(2).fill(0) - : activityList.filter((activity) => activity.index.startsWith(`social-activity`)); + : activityList.filter((activity) => activity.index.startsWith(`social-activity`) && activity?.status === 'ENABLED'); const secondGroupActivities = isLoading ? Array(7).fill(0) diff --git a/src/modules/rewards/components/RewardsActivityIcon.tsx b/src/modules/rewards/components/RewardsActivityIcon.tsx index 8c42c99966..8f5a56b136 100644 --- a/src/modules/rewards/components/RewardsActivityIcon.tsx +++ b/src/modules/rewards/components/RewardsActivityIcon.tsx @@ -1,8 +1,18 @@ import { FC } from 'react'; import { + ActivePushPoints, + AlphaAccessNFT, + BlueBonusActivitySubscribers, + CreateChannelPoints, Discord, + GatedGroupPoints, + GradientBonusActivitySubscribers, + GreyBonusActivitySubscribers, + OrangeBonusActivitySubscribers, RewardsActivity, + RockstarNFT, + SetupProfilePoints, StakePushBlueCoin, StakePushBlueMultiplier, StakePushGradientCoin, @@ -13,7 +23,9 @@ import { StakePushOrangeMultiplier, StakePushYellowCoin, StakePushYellowMultiplier, + SubscribePoints, Twitter, + YellowBonusActivitySubscribers, } from 'blocks'; import { ActvityType } from 'queries'; @@ -40,6 +52,114 @@ const RewardsActivityIcon: FC = ({ type }) => { ); } + if (type === 'create_gated_group_push_chat') { + return ( + + ); + } + + if (type === 'subscribe_5_channels_push' || type === 'subscribe_20_channels_push') { + return ( + + ); + } + + if (type === 'setup_push_user_profile') { + return ( + + ); + } + + if (type === 'active_push_chat_user') { + return ( + + ); + } + + if (type === 'hold_push_alpha_access_nft') { + return ( + + ); + } + + if (type === 'hold_push_rockstar_nft') { + return ( + + ); + } + + if (type === 'create_channel_push') { + return ( + + ); + } + + if (type === 'reach_100_subscribers') { + return ( + + ); + } + + if (type === 'reach_500_subscribers' || type === 'reach_1000_subscribers') { + return ( + + ); + } + + if (type === 'reach_5000_subscribers') { + return ( + + ); + } + + if (type === 'reach_10000_subscribers') { + return ( + + ); + } + + if (type === 'reach_50000_subscribers' || type === 'reach_100000_subscribers') { + return ( + + ); + } + if (type === 'stake_1_uni_v2_lp_epoch' || type === 'stake_1k_push_epoch') { return ( = ({ type }) => { ); } - if (type === 'stake_10_uni_v2_lp_epoch' || type === 'stake_10k_push_epoch') { + if ( + type === 'stake_10_uni_v2_lp_epoch' || + type === 'stake_10k_push_epoch' || + type === 'stake_5_uni_v2_lp_epoch' || + type === 'stake_5k_push_epoch' + ) { return ( = ({ type }) => { ); } - if (type === 'stake_10_uni_v2_lp_one_time' || type === 'stake_10k_push_one_time') { + if ( + type === 'stake_10_uni_v2_lp_one_time' || + type === 'stake_10k_push_one_time' || + type === 'stake_5_uni_v2_lp_one_time' || + type === 'stake_5k_push_one_time' + ) { return (