diff --git a/assets/wallets/metamask.svg b/assets/wallets/metamask.svg new file mode 100644 index 0000000..a04dcfe --- /dev/null +++ b/assets/wallets/metamask.svg @@ -0,0 +1,31 @@ + diff --git a/packages/bridge/src/assets/metamask.svg b/packages/bridge/src/assets/metamask.svg new file mode 100644 index 0000000..a04dcfe --- /dev/null +++ b/packages/bridge/src/assets/metamask.svg @@ -0,0 +1,31 @@ + diff --git a/packages/bridge/src/components/Layout/index.less b/packages/bridge/src/components/Layout/index.less new file mode 100644 index 0000000..a210227 --- /dev/null +++ b/packages/bridge/src/components/Layout/index.less @@ -0,0 +1,5 @@ +.metamask-icon { + background-position: 50%; + background-repeat: no-repeat; + background-image: url(/assets/metamask.svg); +} \ No newline at end of file diff --git a/packages/bridge/src/components/Layout/index.tsx b/packages/bridge/src/components/Layout/index.tsx index 594bada..aa43839 100644 --- a/packages/bridge/src/components/Layout/index.tsx +++ b/packages/bridge/src/components/Layout/index.tsx @@ -1,10 +1,12 @@ import React, { useState } from 'react'; import './../../App.less'; +import './index.less'; import { Layout } from 'antd'; import { Link, useLocation } from 'react-router-dom'; +import metamaskIcon from "../../assets/metamask.svg" import { LABELS } from '../../constants'; -import { contexts, AppBar } from '@oyster/common'; +import { contexts, AppBar, shortenAddress } from '@oyster/common'; import Wormhole from '../Wormhole'; import { useEthereum } from '../../contexts'; @@ -35,9 +37,22 @@ export const AppLayout = React.memo((props: any) => {