fix: fix minor bug (#434)

RabbyHub · Dec 31, 2021 · a074891 · a074891
1 parent 52072dd
commit a074891
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 9 deletions.
diff --git a/src/ui/views/ChainManagement/index.tsx b/src/ui/views/ChainManagement/index.tsx
@@ -88,7 +88,7 @@ export const ChainManagementList = () => {
           )}
         </div>
         {savedChainsData.length === 0 && (
-          <div className="no-pinned-container">{t('No pinned Chains')}</div>
+          <div className="no-pinned-container">{t('No pinned chains')}</div>
         )}
         <div className="droppable flex flex-wrap">
           {savedChainsData.length > 0 && (

diff --git a/src/ui/views/Dashboard/components/BalanceView.tsx b/src/ui/views/Dashboard/components/BalanceView.tsx
@@ -92,7 +92,7 @@ const BalanceView = ({
   return (
     <div
       className={clsx(
-        'assets flex cursor-pointer',
+        'assets flex',
         startAnimate ? numberWrapperAnimation : ''
       )}
     >
@@ -104,7 +104,7 @@ const BalanceView = ({
           )}
         >
           <div className={clsx('amount-number', !startAnimate && 'text-32')}>
-            <span onClick={onClick}>
+            <span onClick={onClick} className=" cursor-pointer">
               ${splitNumberByStep((balance || 0).toFixed(2))}
             </span>
           </div>

diff --git a/src/ui/views/Dashboard/components/RecentConnections/index.tsx b/src/ui/views/Dashboard/components/RecentConnections/index.tsx
@@ -137,6 +137,7 @@ export default ({
   const [connections, setConnections] = useState<(ConnectedSite | null)[]>(
     new Array(12).fill(null)
   );
+  const [localshowModal, setLocalShowModal] = useState(showModal);
   const [currentConnect, setCurrentConnect] = useState<
     ConnectedSite | null | undefined
   >(null);
@@ -156,6 +157,7 @@ export default ({
   const getCurrentSite = useCallback(async () => {
     const current = await getCurrentConnectSite(wallet);
     setCurrentConnect(current);
+    setLocalShowModal(false);
     getConnectedSites();
   }, []);
 
@@ -186,11 +188,10 @@ export default ({
   return (
     <div className={clsx('recent-connections', connectionAnimation)}>
       {showDrawer && (
-        <img
-          src={IconDrawer}
-          className={clsx('bottom-drawer')}
-          onClick={hideAllList}
-        />
+        <>
+          <div onClick={hideAllList} className="click-modal"></div>
+          <img src={IconDrawer} className={clsx('bottom-drawer')} />
+        </>
       )}
       <div className="mb-[17px] text-12 text-gray-content h-14 text-center">
         {hoverSite}
@@ -211,7 +212,7 @@ export default ({
       </div>
       <CurrentConnection
         site={currentConnect}
-        showModal={showModal}
+        showModal={localshowModal}
         onChange={getCurrentSite}
       />
     </div>

diff --git a/src/ui/views/Dashboard/components/RecentConnections/style.less b/src/ui/views/Dashboard/components/RecentConnections/style.less
@@ -173,6 +173,15 @@
       }
     }
   }
+  .click-modal {
+    width: 400px;
+    height: 40px;
+    z-index: 10;
+    position: absolute;
+    left:0;
+    top:-40px;
+    cursor: pointer;
+  }
 }
 
 .connect-site-popover {

diff --git a/src/ui/views/Dashboard/index.tsx b/src/ui/views/Dashboard/index.tsx
@@ -711,6 +711,7 @@ const Dashboard = () => {
     connection: ConnectedSite | null | undefined
   ) => {
     setCurrentConnection(connection);
+    setShowChainModal(false);
   };
 
   const checkGnosisConnectChain = () => {