removed showHamburgerMenu config (#3080)

* removed showHamburgerMenu config

* remove unused component

Author: kev1n-peters

wormhole-connect/docs/config.md

@@ -171,37 +171,6 @@ You can provide a whietlist of routes under `routes`. By default, Connect will o
 
 Required in order to display Wallet Connect as a wallet option. You can get a project ID on https://cloud.walletconnect.com/. Refer to the wallet connect [documentation](https://docs.walletconnect.com/advanced/migration-from-v1.x/overview) for more information on v2.
 
-### Toggle Hamburguer Menu
-
-By setting the `showHamburgerMenu` option to **false**, you can deactivate the hamburger menu, causing the links to be positioned at the bottom.
-
-#### Add extra menu entry
-
-By setting the `showHamburgerMenu` option to **false**, you can use the `menu` array to add extra links.
-
-| property        | description                                 |
-| --------------- | ------------------------------------------- |
-| `menu[].label`  | link name to show up                        |
-| `menu[].href`   | target url or urn                           |
-| `menu[].target` | anchor standard target, by default `_blank` |
-| `menu[].order`  | order where the new item should be injected |
-
-#### Sample configuration
-
-```json
-{
-  "showHamburgerMenu": false,
-  "menu": [
-    {
-      "label": "Advance Tools",
-      "href": "https://portalbridge.com",
-      "target": "_self",
-      "order": 1
-    }
-  ]
-}
-```
-
 ### CoinGecko API Key
 
 If you have a CoinGecko API Plan, you can include the API key in the configuration. In case you do not have the API key, [follow this steps](https://apiguide.coingecko.com/getting-started/getting-started).

wormhole-connect/src/components/MenuFull.tsx

@@ -4,19 +4,17 @@ import { makeStyles } from 'tss-react/mui';
 import { setRoute } from 'store/router';
 
 import Header, { Alignment } from './Header';
-import MenuFull from './MenuFull';
 import DownIcon from 'icons/Down';
 
 const useStyles = makeStyles<{
-  showHamburgerMenu: boolean;
   align: Alignment;
-}>()((theme, { showHamburgerMenu, align }) => ({
+}>()((theme, { align }) => ({
   container: {
     width: '100%',
     display: 'flex',
     flexDirection: 'column',
     gap: '8px',
-    marginBottom: showHamburgerMenu ? '40px' : '0px',
+    marginBottom: '0px',
     [theme.breakpoints.down('sm')]: {
       marginBottom: '20px',
     },
@@ -42,7 +40,7 @@ const useStyles = makeStyles<{
     fontWeight: '300',
     fontSize: '14px',
     opacity: '0.6',
-    marginBottom: showHamburgerMenu ? '0px' : '40px',
+    marginBottom: '40px',
   },
 }));
 
@@ -51,7 +49,6 @@ type PageHeaderProps = {
   align?: Alignment;
   description?: string;
   back?: boolean;
-  showHamburgerMenu?: boolean;
   testId?: string;
 };
 
@@ -60,10 +57,9 @@ function PageHeader({
   title,
   align = 'left',
   description,
-  showHamburgerMenu = true,
   testId,
 }: PageHeaderProps) {
-  const { classes } = useStyles({ showHamburgerMenu, align });
+  const { classes } = useStyles({ align });
   const dispatch = useDispatch();
   function goBack() {
     dispatch(setRoute('bridge'));
@@ -82,7 +78,6 @@ function PageHeader({
           )}
           <Header text={title} align={align} testId={testId} />
         </div>
-        {showHamburgerMenu ? <MenuFull /> : null}
       </div>
       {description && <div className={classes.description}>{description}</div>}
     </div>

wormhole-connect/src/components/PageHeader.tsx

@@ -14,7 +14,6 @@ export type UiConfig = {
   searchTx?: SearchTxConfig;
   partnerLogo?: string;
   walletConnectProjectId?: string;
-  showHamburgerMenu?: boolean;
   previewMode?: boolean; // Disables making transfers
 
   getHelpUrl?: string;

wormhole-connect/src/config/ui.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { makeStyles } from 'tss-react/mui';
 import PageHeader from 'components/PageHeader';
-import config from 'config';
 import FooterNavBar from 'components/FooterNavBar';
 
 const useStyles = makeStyles()(() => ({
@@ -25,11 +24,7 @@ function Terms() {
   const { classes } = useStyles();
   return (
     <div className={classes.terms}>
-      <PageHeader
-        title="Terms"
-        back
-        showHamburgerMenu={config.ui.showHamburgerMenu}
-      />
+      <PageHeader title="Terms" back />
       <div className={classes.body}>
         <div>Disclaimer:</div>
 
@@ -74,7 +69,7 @@ function Terms() {
           third-party activities.
         </div>
       </div>
-      {config.ui.showHamburgerMenu ? null : <FooterNavBar />}
+      <FooterNavBar />
     </div>
   );
 }

wormhole-connect/src/views/Terms.tsx

@@ -169,7 +169,6 @@ function TxSearch() {
       <PageHeader
         title="Resume transaction"
         description="Bridging can require a manual redemption process on the designation chain. If you did not complete the redemption during your initial transaction, you may do so here."
-        showHamburgerMenu={config.ui.showHamburgerMenu}
         back
       />
 
@@ -213,11 +212,9 @@ function TxSearch() {
       <Button disabled={!state.chain || !state.tx} elevated onClick={search}>
         {loading ? <CircularProgress size={24} /> : 'Search'}
       </Button>
-      {config.ui.showHamburgerMenu ? null : (
-        <div className={classes.footerNavBar}>
-          <FooterNavBar />
-        </div>
-      )}
+      <div className={classes.footerNavBar}>
+        <FooterNavBar />
+      </div>
     </div>
   );
 }

wormhole-connect/src/views/TxSearch.tsx

@@ -291,13 +291,7 @@ const Bridge = () => {
       headerConfig = { ...defaults, ...config.ui.pageHeader };
     }
 
-    return (
-      <PageHeader
-        title={headerConfig.text}
-        align={headerConfig.align}
-        showHamburgerMenu={config.ui.showHamburgerMenu}
-      />
-    );
+    return <PageHeader title={headerConfig.text} align={headerConfig.align} />;
   }, [config.ui]);
 
   // Asset picker for the source network and token
@@ -510,7 +504,7 @@ const Bridge = () => {
           walletConnector
         )}
       </span>
-      {config.ui.showHamburgerMenu ? null : <FooterNavBar />}
+      <FooterNavBar />
       <div className={classes.poweredBy}>
         <PoweredByIcon color={theme.palette.text.primary} />
       </div>

wormhole-connect/src/views/v2/Bridge/index.tsx

@@ -369,13 +369,7 @@ const Redeem = () => {
       headerConfig = { ...defaults, ...config.ui.pageHeader };
     }
 
-    return (
-      <PageHeader
-        title={headerConfig.text}
-        align={headerConfig.align}
-        showHamburgerMenu={config.ui.showHamburgerMenu}
-      />
-    );
+    return <PageHeader title={headerConfig.text} align={headerConfig.align} />;
   }, []);
 
   // Header showing the status of the transaction

wormhole-connect/src/views/v2/Redeem/index.tsx

@@ -90,13 +90,7 @@ const TxHistory = () => {
       headerConfig = { ...defaults, ...config.ui.pageHeader };
     }
 
-    return (
-      <PageHeader
-        title={headerConfig.text}
-        align={headerConfig.align}
-        showHamburgerMenu={config.ui.showHamburgerMenu}
-      />
-    );
+    return <PageHeader title={headerConfig.text} align={headerConfig.align} />;
   }, []);
 
   // Header for Transaction History, which includes the title and settings icon