style: fix partner theme footer-image

[dennyscode]

Partner-Theme footer image not overlapping the widget anymore.

! The Widget-Container with width of 100% does not allow mouse-events across all screensizes.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
jumper-exchange	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 28, 2024 2:02pm

[admsk2]

So if configTheme?.hasBackgroundGradient is not true it essentially returns nothing?

[dennyscode]

@admsk2 Pretty much, in that case it will just be the "container" which is rendered. The gradients (top, bottom-left + bottom-right) are optional depending on "hasBackgroundGradient".

[admsk2]

Same here, maybe that code would be easier to understand:

import { useSuperfest } from 'src/hooks/useSuperfest';
import { PartnerThemeFooterImage } from '../PartnerThemeFooterImage';
import { SuperfestBackgroundContainer } from './BackgroundGradient.style';

const SuperfestBackground = () => {
  const { isSuperfest } = useSuperfest();
  
  // Only render the container and contents if isSuperfest is false
  if (isSuperfest) {
    return null;
  }

  return (
    <SuperfestBackgroundContainer>
      <PartnerThemeFooterImage />
    </SuperfestBackgroundContainer>
  );
};

export default SuperfestBackground;

[dennyscode]

@admsk2 Good point! Here, we also return the container as default background and optionally add the partner-theme footer-image. So, returning null would not work afaik.

[tcheee]

@dennyscode we have lost the logo on page like: https://jumper-exchange-git-fix-partner-footer-l-3d2127-jumper-exchange.vercel.app/fr/superfest/rewards-from-aave-on-base/. Can you give it a look?