Merge pull request #4825 from CrocSwap/fix-missing-footer

Fix missing footer

Author: benwolski

src/components/Global/TokenSelect/TokenSelect.tsx

@@ -6,6 +6,7 @@ import { TokenBalanceContext } from '../../../contexts/TokenBalanceContext';
 import { UserDataContext } from '../../../contexts/UserDataContext';
 import TokenIcon from '../TokenIcon/TokenIcon';
 import styles from './TokenSelect.module.css';
+import { useBottomSheet } from '../../../contexts/BottomSheetContext';
 
 interface propsIF {
     token: TokenIF;
@@ -14,6 +15,8 @@ interface propsIF {
 }
 
 export default function TokenSelect(props: propsIF) {
+    const { isBottomSheetOpen, closeBottomSheet } = useBottomSheet();
+
     const { token, chooseToken, fromListsText } = props;
 
     const { isUserConnected } = useContext(UserDataContext);
@@ -54,7 +57,12 @@ export default function TokenSelect(props: propsIF) {
         <button
             id={`token_select_button_${token.address}`}
             className={styles.main_container}
-            onClick={() => chooseToken(token, false)}
+            onClick={() => {
+                chooseToken(token, false);
+                if (isBottomSheetOpen) {
+                    closeBottomSheet();
+                }
+            }}
             role='button'
             tabIndex={0}
             aria-label={`Select ${token.symbol}`}

src/components/Home/Landing/Hero.tsx

@@ -81,6 +81,7 @@ export default function Hero() {
                             marginRight: '15px',
                             fontSize: '70px',
                             padding: '0 20px',
+                            height: '50px',
                         }}
                     >
                         {h.content}

src/pages/platformAmbient/Home/Home.module.css

@@ -0,0 +1,8 @@
+.container{width: 100%; height: auto}
+
+@media only screen and (min-width: 1280px) {
+.container{
+    width: 100%;height: 330px
+}
+
+}

src/pages/platformAmbient/Home/Home.tsx

@@ -6,7 +6,7 @@ import Stats from '../../../components/Home/Stats/AmbientStats';
 import TopPoolsHome from '../../../components/Home/TopPoolsHome/TopPoolsHome';
 import { BrandContext } from '../../../contexts/BrandContext';
 import useMediaQuery from '../../../utils/hooks/useMediaQuery';
-
+import styles from './Home.module.css';
 export default function Home() {
     const showMobileVersion = useMediaQuery('(max-width: 600px)');
     // hook from web3modal to switch connected wallet in extension
@@ -18,7 +18,7 @@ export default function Home() {
     if (showMobileVersion) return <MobileLandingSections />;
     return (
         <section data-testid={'home'}>
-            <div style={{ width: '100%', height: '480px' }}>
+            <div className={styles.container}>
                 <Hero />
             </div>
             <div>