Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
149 changes: 132 additions & 17 deletions src/modules/pointsVault/components/PointsVaultListContainer.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -33,56 +33,171 @@ const PointsVaultListContainer = () => {
>
<Box
display="flex"
flexDirection="column"
justifyContent="space-between"
alignItems="center"
alignItems="flex-start"
margin="spacing-none spacing-none spacing-sm spacing-none"
>
<Text
variant="h4-bold"
variant="h3-bold"
color="text-primary"
>
Points Vault
</Text>


{userStats && (
<Box
display="flex"
gap="spacing-md"
gap="spacing-lg"
margin="spacing-md spacing-none spacing-none spacing-none"
>
<Box
display="flex"
flexDirection="column"
alignItems="flex-end"
alignItems="flex-start"
gap="spacing-xs"
>
<Text
variant="bs-semibold"
variant="bm-semibold"
color="text-primary"
>
{userStats.totalUsers.toLocaleString()}
All Seasons
</Text>
<Text
variant="bes-regular"
color="text-tertiary"
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
>
Total Users
</Text>
<Text
variant="h6-regular"
color="text-tertiary"
>
Total Users
</Text>
<Text
variant="bs-semibold"
color="text-primary"
>
{userStats.allSeasons.totalUniqueUsers?.toLocaleString()}
</Text>
</Box>
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
>
<Text
variant="h6-regular"
color="text-tertiary"
>
Total Users with Email
</Text>
<Text
variant="bs-semibold"
color="text-primary"
>
{userStats.allSeasons.totalUniqueUsersWithEmail?.toLocaleString()}
</Text>
</Box>
</Box>
<Box
display="flex"
flexDirection="column"
alignItems="flex-end"
alignItems="flex-start"
gap="spacing-xs"
>
<Text
variant="bs-semibold"
variant="bm-semibold"
color="text-primary"
>
{userStats.totalUsersWithEmail.toLocaleString()}
Season 2
</Text>
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
>
<Text
variant="h6-regular"
color="text-tertiary"
>
Total Users
</Text>
<Text
variant="bs-semibold"
color="text-primary"
>
{userStats.seasonTwo.totalUsers?.toLocaleString()}
</Text>
</Box>
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
>
<Text
variant="h6-regular"
color="text-tertiary"
>
Total Users with Email
</Text>
<Text
variant="bs-semibold"
color="text-primary"
>
{userStats.seasonTwo.totalUsersWithEmail?.toLocaleString()}
</Text>
</Box>
</Box>
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
gap="spacing-xs"
>
<Text
variant="bes-regular"
color="text-tertiary"
variant="bm-semibold"
color="text-primary"
>
With Email
Season 1
</Text>
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
>
<Text
variant="h6-regular"
color="text-tertiary"
>
Total Users
</Text>
<Text
variant="h6-semibold"
color="text-primary"
>
{userStats.seasonOne.totalUsers?.toLocaleString()}
</Text>
</Box>
<Box
display="flex"
flexDirection="column"
alignItems="flex-start"
>
<Text
variant="h6-regular"
color="text-tertiary"
>
Total Users with Email
</Text>
<Text
variant="h6-semibold"
color="text-primary"
>
{userStats.seasonOne.totalUsersWithEmail?.toLocaleString()}
</Text>
</Box>
</Box>
</Box>
)}
Expand Down
14 changes: 12 additions & 2 deletions src/queries/types/rewards.ts
Original file line number Diff line number Diff line change
Expand Up @@ -184,8 +184,18 @@ export type UserRewardsDetailResponse = {
};

export type UserRewardsStatsResponse = {
totalUsers: number;
totalUsersWithEmail: number;
seasonOne: {
totalUsers: number;
totalUsersWithEmail: number;
};
seasonTwo: {
totalUsers: number;
totalUsersWithEmail: number;
};
allSeasons: {
totalUniqueUsers: number;
totalUniqueUsersWithEmail: number;
};
};

export type createUserRewardsDetailsProps = {
Expand Down