fix: move useoffers call to payments

src/components/Payment/Payment.tsx

@@ -21,6 +21,7 @@ import type { Offer } from '#types/checkout';
 import OfferSwitch from '#components/OfferSwitch/OfferSwitch';
 import Alert from '#components/Alert/Alert';
 import { useSubscriptionChange } from '#src/hooks/useSubscriptionChange';
+import useOffers from '#src/hooks/useOffers';
 
 const VISIBLE_TRANSACTIONS = 4;
 
@@ -42,7 +43,6 @@ type Props = {
   canUpdatePaymentMethod: boolean;
   canRenewSubscription?: boolean;
   canShowReceipts?: boolean;
-  offers?: Offer[];
 };
 
 const Payment = ({
@@ -63,8 +63,9 @@ const Payment = ({
   canUpdatePaymentMethod,
   onUpgradeSubscriptionClick,
   offerSwitchesAvailable,
-  offers = [],
 }: Props): JSX.Element => {
+  const { offers } = useOffers();
+
   const { t, i18n } = useTranslation(['user', 'account']);
   const hiddenTransactionsCount = transactions ? transactions?.length - VISIBLE_TRANSACTIONS : 0;
   const hasMoreTransactions = hiddenTransactionsCount > 0;

src/pages/User/User.tsx

@@ -26,7 +26,6 @@ import { clear as clearFavorites } from '#src/stores/FavoritesController';
 import { getSubscriptionSwitches } from '#src/stores/CheckoutController';
 import { useCheckoutStore } from '#src/stores/CheckoutStore';
 import { addQueryParam } from '#src/utils/location';
-import useOffers from '#src/hooks/useOffers';
 
 const User = (): JSX.Element => {
   const { accessModel, favoritesList } = useConfigStore(
@@ -57,7 +56,6 @@ const User = (): JSX.Element => {
     canShowReceipts,
   } = useAccountStore();
   const { offerSwitches } = useCheckoutStore();
-  const { offers } = useOffers();
   const location = useLocation();
 
   const onCardClick = (playlistItem: PlaylistItem) => navigate(mediaURL({ media: playlistItem }));
@@ -199,7 +197,6 @@ const User = (): JSX.Element => {
                   offerSwitchesAvailable={!!offerSwitches.length}
                   canShowReceipts={canShowReceipts}
                   onShowReceiptClick={handleShowReceiptClick}
-                  offers={offers}
                 />
               ) : (
                 <Navigate to="my-account" />