Merge pull request #2018 from push-protocol/2017-rewards-points-s1

Update Rewards S1 Changes

Author: riyanshu-patro

src/common/hooks/useRewardsNotification.tsx

@@ -16,8 +16,9 @@ export const useRewardsNotification = () => {
 
   const showNotification = () =>
     notification.show({
-      title: 'Push Points are Live',
-      description: 'Earn Push Points to unlock exclusive rewards on completing exciting activities',
+      title: 'Points S1 Ends on Feb 28!',
+      description:
+        'Claim all tasks and prepare for the end of S1 of Push Reward Points. Leaderboards snapshot on Mar 1, 2025.',
       image: <RewardPoints />,
       position: 'bottom-left',
       onClick: () => {

src/modules/rewards/components/ActivityButton.tsx

@@ -6,6 +6,7 @@ import { ActvityType, useGetPushStakeEpoch, useGetUniV2StakeEpoch, UsersActivity
 import { Button } from 'blocks';
 import { ActivityVerificationButton } from './ActivityVerificationButton';
 import { useRewardsContext } from 'contexts/RewardsContext';
+import { useDateExpiry } from '../hooks/useDateExpiry';
 
 type ActivityButtonProps = {
   userId: string;
@@ -46,6 +47,20 @@ const ActivityButton: FC<ActivityButtonProps> = ({
     usersSingleActivity?.data?.currentEpoch == pushStakeData?.currentEpoch ||
     usersSingleActivity?.data?.currentEpoch == uniV2StakeData?.currentEpoch;
 
+  const hasRewardsExpired = useDateExpiry('2025-02-28T23:59:59');
+
+  if (hasRewardsExpired) {
+    return (
+      <Button
+        variant="tertiary"
+        size="small"
+        disabled
+      >
+        Ended
+      </Button>
+    );
+  }
+
   // claimed status for the same epoch
   if (usersSingleActivity?.status === 'COMPLETED' && (isPushEpochRelated || isUniV2EpochRelated) && isEpochRelated) {
     console.log('claimed in this epoch button');

src/modules/rewards/components/DailyRewardsSection.tsx

@@ -5,6 +5,7 @@ import { css } from 'styled-components';
 // hooks
 import { useDailyRewards } from '../hooks/useDailyRewards';
 import { useRewardsContext } from 'contexts/RewardsContext';
+import { useDateExpiry } from '../hooks/useDateExpiry';
 
 // type
 import { ActvityType } from 'queries';
@@ -30,6 +31,7 @@ const DailyRewardsSection: FC<DailyRewardsSectionProps> = () => {
   } = useDailyRewards();
 
   const { isLocked } = useRewardsContext();
+  const hasRewardsExpired = useDateExpiry('2025-02-28T23:59:59');
 
   const isDailyRewardClaimed = isActivityDisabled && activeDay > 1 && userDetails;
 
@@ -63,7 +65,9 @@ const DailyRewardsSection: FC<DailyRewardsSectionProps> = () => {
             Check-in daily and unlock more rewards each day.
           </Text>
         </Box>
-        {isLocked && (
+
+        {/* daily checkIn button state */}
+        {!hasRewardsExpired && isLocked && (
           <Button
             variant="tertiary"
             size="small"
@@ -72,8 +76,16 @@ const DailyRewardsSection: FC<DailyRewardsSectionProps> = () => {
             Locked
           </Button>
         )}
-
-        {!isLocked && (
+        {hasRewardsExpired && (
+          <Button
+            variant="tertiary"
+            size="small"
+            disabled
+          >
+            Ended
+          </Button>
+        )}
+        {!hasRewardsExpired && !isLocked && (
           <>
             {isDailyRewardClaimed && (
               <Button

src/modules/rewards/components/DashboardSectionHeader.tsx

@@ -46,15 +46,15 @@ const DashboardSectionHeader: FC<DashboardSectionHeaderProps> = ({ onGetStarted
               variant="h4-semibold"
               color="text-on-light-bg"
             >
-              Earn Rewards for Exploring!
+              Push Points S1 Ends on Feb 28!
             </Text>
-            <Box maxWidth={{ tb: 'auto', initial: '567px' }}>
+            <Box maxWidth={{ tb: 'auto', initial: '607px' }}>
               <Text
                 variant="bl-regular"
                 color="text-on-light-bg"
               >
-                Push Points are the new way to prove that you belong to the Push community and access to some cool
-                surprises in the future.
+                Claim all tasks and prepare for the end of S1 of Push Reward Points. Prizes will be announced on Feb
+                25th. Leaderboards snapshot on Mar 1, 2025.
               </Text>
             </Box>
           </Box>

src/modules/rewards/hooks/useDateExpiry.tsx

@@ -0,0 +1,20 @@
+import { useState, useEffect } from 'react';
+
+export const useDateExpiry = (expiryDate: string | Date) => {
+  const [hasExpired, setHasExpired] = useState<boolean>(new Date(expiryDate) < new Date());
+
+  useEffect(() => {
+    if (hasExpired) return;
+
+    const interval = setInterval(() => {
+      if (new Date() >= new Date(expiryDate)) {
+        setHasExpired(true);
+        clearInterval(interval);
+      }
+    }, 1000);
+
+    return () => clearInterval(interval);
+  }, [hasExpired]);
+
+  return hasExpired;
+};

src/structure/Header.tsx

@@ -123,7 +123,7 @@ const RewardsHeaderLink = ({ caip10WalletAddress }: { caip10WalletAddress: strin
           >
             {userDetails && userDetails?.totalPoints > 0 ? userDetails?.totalPoints?.toLocaleString() : ''}
           </Text>
-          <Lozenge icon={<Star />}>NEW</Lozenge>
+          <Lozenge icon={<Star />}>ENDING SOON</Lozenge>
         </Box>
       </Link>
     </Box>