fixed logo on firefox (#79)

packages/bridge/public/home/main-logo.svg

@@ -13,7 +13,7 @@
 <defs>
 <filter id="filter0_b" x="-6" y="89" width="828" height="89" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feGaussianBlur in="BackgroundImage" stdDeviation="3"/>
+<feGaussianBlur  stdDeviation="3"/>
 <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur"/>
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur" result="shape"/>
 </filter>

packages/bridge/src/components/AppBar/index.less

@@ -72,7 +72,7 @@ header.ant-layout-header.App-Bar {
     max-width: 240px;
     height: 100%;
     flex-direction: column;
-    justify-content: flex-start;
+    justify-content: flex-start !important;
     padding: 0;
     .nav-burger {
       display: inline-block;

packages/bridge/src/hooks/useWormholeTransactions.tsx

@@ -1,5 +1,10 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useConnection, useConnectionConfig, programIds } from '@oyster/common';
+import {
+  useConnection,
+  useConnectionConfig,
+  programIds,
+  notify,
+} from '@oyster/common';
 import { WORMHOLE_PROGRAM_ID, POSTVAA_INSTRUCTION } from '../utils/ids';
 import { ASSET_CHAIN } from '../utils/assets';
 import { useEthereum } from '../contexts';
@@ -214,15 +219,25 @@ export const useWormholeTransactions = () => {
     (async () => {
       // authority -> query for token accounts to get locked assets
       let authorityKey = await bridgeAuthorityKey(programIds().wormhole.pubkey);
-
-      // query wrapped assets that were imported to solana from other chains
-      queryWrappedMetaTransactions(
-        authorityKey,
-        connection,
-        setTransfers,
-        new ethers.providers.Web3Provider((window as any).ethereum),
-        bridge,
-      ).then(() => setLoading(false));
+      if ((window as any).ethereum === undefined) {
+        notify({
+          message: 'Metamask Error',
+          description: 'Please install metamask wallet extension',
+        });
+        setLoading(false);
+      } else {
+        const provider = new ethers.providers.Web3Provider(
+          (window as any).ethereum,
+        );
+        // query wrapped assets that were imported to solana from other chains
+        queryWrappedMetaTransactions(
+          authorityKey,
+          connection,
+          setTransfers,
+          provider,
+          bridge,
+        ).then(() => setLoading(false));
+      }
     })();
   }, [connection, setTransfers]);
 

packages/bridge/src/views/home/index.tsx

@@ -157,27 +157,21 @@ export const HomeView = () => {
                 <img src={'/home/icons/bridge-direction.svg'} />
               </div>
               <div className={'description-title'}>Bridge in any direction</div>
-              <div className={'description-text'}>
-
-              </div>
+              <div className={'description-text'}></div>
             </div>
             <div className={'home-description-item'}>
               <div className={'description-icon'}>
                 <img src={'/home/icons/sd-card.svg'} />
               </div>
               <div className={'description-title'}>Staking & Validation</div>
-              <div className={'description-text'}>
-
-              </div>
+              <div className={'description-text'}></div>
             </div>
             <div className={'home-description-item'}>
               <div className={'description-icon'}>
                 <img src={'/home/icons/layers.svg'} />
               </div>
               <div className={'description-title'}>Layers and Capabilities</div>
-              <div className={'description-text'}>
-
-              </div>
+              <div className={'description-text'}></div>
             </div>
           </div>
         </div>