fix: Integration feedbacks into exchange (#112)

pancakeswap · Jan 5, 2021 · fc4627a · fc4627a
1 parent 3e72b2e
commit fc4627a
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/src/__tests__/widgets/menu.test.tsx b/src/__tests__/widgets/menu.test.tsx
@@ -28,7 +28,7 @@ it("renders correctly", () => {
   expect(asFragment()).toMatchInlineSnapshot(`
     <DocumentFragment>
       <div
-        class="sc-cxFLnm fwPLrC"
+        class="sc-cxFLnm jUhxcH"
       >
         <nav
           class="sc-lmoMRL Pixxb"

diff --git a/src/widgets/Menu/Menu.tsx b/src/widgets/Menu/Menu.tsx
@@ -10,6 +10,7 @@ import { MENU_HEIGHT, SIDEBAR_WIDTH_REDUCED, SIDEBAR_WIDTH_FULL } from "./config
 
 const Wrapper = styled.div`
   position: relative;
+  width: 100%;
 `;
 
 const StyledNav = styled.nav<{ showMenu: boolean }>`
@@ -94,7 +95,7 @@ const Menu: React.FC<NavProps> = ({
     <Wrapper>
       <StyledNav showMenu={showMenu}>
         <Logo isPushed={isPushed} togglePush={() => setIsPushed((prevState: boolean) => !prevState)} isDark={isDark} />
-        <UserBlock account={account} closeNav={() => setIsPushed(false)} login={login} logout={logout} />
+        <UserBlock account={account} login={login} logout={logout} />
       </StyledNav>
       <BodyWrapper>
         <Panel

diff --git a/src/widgets/Menu/UserBlock.tsx b/src/widgets/Menu/UserBlock.tsx
@@ -5,12 +5,11 @@ import { Login } from "../WalletModal/types";
 
 interface Props {
   account?: string;
-  closeNav: () => void;
   login: Login;
   logout: () => void;
 }
 
-const UserBlock: React.FC<Props> = ({ account, closeNav, login, logout }) => {
+const UserBlock: React.FC<Props> = ({ account, login, logout }) => {
   const { onPresentConnectModal, onPresentAccountModal } = useWalletModal(login, logout, account);
   const accountEllipsis = account ? `${account.substring(0, 4)}...${account.substring(account.length - 4)}` : null;
   return (
@@ -21,7 +20,6 @@ const UserBlock: React.FC<Props> = ({ account, closeNav, login, logout }) => {
           variant="tertiary"
           onClick={() => {
             onPresentAccountModal();
-            closeNav();
           }}
         >
           {accountEllipsis}
@@ -31,7 +29,6 @@ const UserBlock: React.FC<Props> = ({ account, closeNav, login, logout }) => {
           size="sm"
           onClick={() => {
             onPresentConnectModal();
-            closeNav();
           }}
         >
           Connect