fix: bonkuary time guard (#38)

* add guard to prevent show until competition start

* style adjustment and default tab fix for innactive bonkuary

* put dev back

Author: dwjanus

src/hooks/rewards/util.ts

@@ -45,6 +45,7 @@ export const CURRENT_SURGE_REWARDS_DETAILS = {
 };
 
 export const CURRENT_BONK_REWARDS_DETAILS = {
+  startTime: '2026-02-01T00:00:00.000Z', // start of february 2026
   endTime: '2026-02-28T23:59:59.000Z', // end of february 2026
 };
 

src/hooks/useEnableBonkPnlLeaderboard.ts

@@ -1,9 +1,11 @@
 import { isDev } from '@/constants/networks';
 import { StatsigFlags } from '@/constants/statsig';
 
+import { CURRENT_BONK_REWARDS_DETAILS } from './rewards/util';
 import { useStatsigGateValue } from './useStatsig';
 
 export const useEnableBonkPnlLeaderboard = () => {
   const bonkPnlLeaderboardFF = useStatsigGateValue(StatsigFlags.ffBonkPnlLeaderboard);
-  return isDev || bonkPnlLeaderboardFF;
+  const isLive = new Date() >= new Date(CURRENT_BONK_REWARDS_DETAILS.startTime);
+  return isDev || bonkPnlLeaderboardFF || isLive;
 };

src/pages/token/CompetitionIncentivesPanel.tsx

@@ -44,7 +44,7 @@ const September2025RewardsPanel = () => {
         <div tw="flex flex-col gap-1.5">
           <div tw="flex flex-col gap-0.5">
             <div tw="flex items-center gap-0.5">
-              <div tw="font-medium-bold">
+              <div tw="mb-0.25 font-medium-bold">
                 <span tw="font-bold">
                   {stringGetter({
                     key: STRING_KEYS.COMPETITION_HEADLINE_DEC_2025_UPDATE_1,
@@ -53,10 +53,12 @@ const September2025RewardsPanel = () => {
                     },
                   })}
                 </span>
+                <span tw="ml-0.5">
+                  <SuccessTag size={TagSize.Medium}>
+                    {stringGetter({ key: STRING_KEYS.ACTIVE })}
+                  </SuccessTag>
+                </span>
               </div>
-              <SuccessTag size={TagSize.Medium}>
-                {stringGetter({ key: STRING_KEYS.ACTIVE })}
-              </SuccessTag>
             </div>
             <div>
               <p tw="mb-0.5 text-color-text-0">

src/pages/token/RewardsPage.tsx

@@ -54,7 +54,7 @@ const RewardsPage = () => {
 
   const { usdcDenom } = useTokenConfigs();
 
-  const [value, setValue] = useState(enableBonkPnlLeaderboard ? Tab.BonkPnl : Tab.Rewards);
+  const [value, setValue] = useState(enableBonkPnlLeaderboard ? Tab.BonkPnl : Tab.Competition);
 
   const { totalRewards } = orEmptyObj(BonsaiHooks.useStakingRewards().data);