refactor: simplify MainOlasBalance component and remove unused props

frontend/components/MainPage/index.tsx

@@ -1,15 +1,9 @@
 import { Card, Flex } from 'antd';
 
-import { StakingProgramId } from '@/enums/StakingProgram';
 import { useFeatureFlag } from '@/hooks/useFeatureFlag';
+
 // import { StakingProgramId } from '@/enums/StakingProgram';
 // import { useMasterSafe } from '@/hooks/useMasterSafe';
-import {
-  useStakingContractContext,
-  useStakingContractDetails,
-} from '@/hooks/useStakingContractDetails';
-import { useStakingProgram } from '@/hooks/useStakingProgram';
-
 // import { useMasterWalletContext } from '@/hooks/useWallet';
 import { MainHeader } from './header';
 import { AddFundsSection } from './sections/AddFundsSection';
@@ -25,22 +19,12 @@ export const Main = () => {
   const isStakingContractSectionEnabled = useFeatureFlag(
     'staking-contract-section',
   );
-  // const { backupSafeAddress } = useMasterWalletContext();
   // const { refetch: updateServicesState } = useServices();
   // const {
   //   updateBalances,
   //   isLoaded: isBalanceLoaded,
   //   setIsLoaded: setIsBalanceLoaded,
   // } = useBalanceContext();
-  const { activeStakingProgramId } = useStakingProgram();
-
-  // TODO: reintroduce later,  non critical
-  const { isAllStakingContractDetailsRecordLoaded } =
-    useStakingContractContext();
-
-  const { hasEnoughServiceSlots } = useStakingContractDetails(
-    activeStakingProgramId,
-  );
 
   // TODO: reintroduce later,  non critical
   // useEffect(() => {
@@ -55,14 +39,6 @@ export const Main = () => {
   //   updateServicesState,
   // ]);
 
-  // TODO: reintroduce later,  non critical
-
-  const hideMainOlasBalanceTopBorder = [
-    // !backupSafeAddress, // TODO: update this condition to check backup safe relative to selectedService
-    activeStakingProgramId === StakingProgramId.PearlAlpha,
-    isAllStakingContractDetailsRecordLoaded && !hasEnoughServiceSlots,
-  ].some((condition) => !!condition);
-
   return (
     <Card
       styles={{ body: { paddingTop: 0, paddingBottom: 0 } }}
@@ -72,7 +48,7 @@ export const Main = () => {
         <SwitchAgentSection />
         <MainHeader />
         <AlertSections />
-        <MainOlasBalance isBorderTopVisible={!hideMainOlasBalanceTopBorder} />
+        <MainOlasBalance />
         <RewardsSection />
         <KeepAgentRunningSection />
         {isStakingContractSectionEnabled && <StakingContractSection />}

frontend/components/MainPage/sections/OlasBalanceSection.tsx

@@ -25,11 +25,7 @@ const Balance = styled.span`
   margin-right: 4px;
 `;
 
-type MainOlasBalanceProps = { isBorderTopVisible?: boolean };
-
-export const MainOlasBalance = ({
-  isBorderTopVisible = true,
-}: MainOlasBalanceProps) => {
+export const MainOlasBalance = () => {
   const { selectedService } = useServices();
   const { isLoaded: isBalanceLoaded } = useBalanceContext();
   const { masterWalletBalances } = useMasterBalances();
@@ -83,7 +79,7 @@ export const MainOlasBalance = ({
     <CardSection
       vertical
       gap={8}
-      bordertop={isBorderTopVisible ? 'true' : 'false'}
+      bordertop="true"
       borderbottom="true"
       padding="16px 24px"
     >

frontend/service/agents/PredictTrader.ts

@@ -188,7 +188,7 @@ export abstract class PredictTraderService extends StakedAgentService {
     const { multicallProvider } = PROVIDERS[chainId];
 
     const stakingTokenProxy =
-      STAKING_PROGRAMS[chainId]?.[stakingProgramId].contract;
+      STAKING_PROGRAMS[chainId]?.[stakingProgramId]?.contract;
 
     if (!stakingTokenProxy) return;