improve: skeleton pass

src/views/Rewards/Rewards.tsx

@@ -1,7 +1,4 @@
 import BreadcrumbV2 from "components/BreadcrumbV2";
-import ConnectedReferralBox from "./components/ConnectedReferralBox";
-import DisconnectedReferralBox from "./components/DisconnectedReferralBox";
-import OverviewRewardSection from "./components/OverviewRewardSection";
 import SectionWrapper from "../../components/SectionTitleWrapperV2/SectionWrapperV2";
 import { useRewards } from "./hooks/useRewards";
 import { InnerSectionWrapper, Wrapper } from "./Rewards.style";
@@ -10,28 +7,11 @@ import { LayoutV2 } from "components";
 import useScrollElementByHashIntoView from "hooks/useScrollElementByHashIntoView";
 import AdditionalQuestionCTA from "./components/AdditionalQuestionCTA";
 import OverviewSection from "./components/OverviewSection";
+import RewardProgramSection from "./components/RewardProgramSection";
 
 const Rewards = () => {
-  const {
-    isConnected,
-    connectHandler,
-    address,
-    totalRewards,
-    stakedTokens,
-
-    referralTier,
-    referralRate,
-    referralRewards,
-    referralTransfers,
-    referralVolume,
-    referralWallets,
-
-    areStakingPoolsLoading,
-    myPoolData,
-    allPoolData,
-
-    formatterFn,
-  } = useRewards();
+  const { isConnected, areStakingPoolsLoading, myPoolData, allPoolData } =
+    useRewards();
 
   useScrollElementByHashIntoView();
 
@@ -41,23 +21,6 @@ const Rewards = () => {
         <BreadcrumbV2 />
         <InnerSectionWrapper>
           <OverviewSection />
-          <SectionWrapper
-            title="Referrals"
-            link={{ name: "View all data", href: "/rewards/referrals" }}
-          >
-            {isConnected && address ? (
-              <ConnectedReferralBox
-                walletCount={referralWallets}
-                transferCount={referralTransfers}
-                volume={referralVolume}
-                formatter={formatterFn}
-                referralRate={referralRate}
-                rewards={referralRewards}
-              />
-            ) : (
-              <DisconnectedReferralBox connectHandler={connectHandler} />
-            )}
-          </SectionWrapper>
           {isConnected && (areStakingPoolsLoading || myPoolData.length > 0) && (
             <SectionWrapper title="My pools" id="my-pools">
               <GenericStakingPoolTable
@@ -66,7 +29,6 @@ const Rewards = () => {
               />
             </SectionWrapper>
           )}
-
           {(areStakingPoolsLoading || allPoolData.length > 0) && (
             <SectionWrapper title="All pools">
               <GenericStakingPoolTable
@@ -75,7 +37,7 @@ const Rewards = () => {
               />
             </SectionWrapper>
           )}
-
+          <RewardProgramSection />
           <AdditionalQuestionCTA />
         </InnerSectionWrapper>
       </Wrapper>