feat: redirect on logo click #178

pendulum-chain · Jun 27, 2023 · d583f23 · d583f23
1 parent 5a9a828
commit d583f23
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
@@ -1,6 +1,6 @@
 import { Bars3Icon } from '@heroicons/react/20/solid';
 import { memo, useEffect, useMemo, useState } from 'preact/compat';
-import { Outlet, useParams } from 'react-router-dom';
+import { Link, Outlet, useParams } from 'react-router-dom';
 import { useGlobalState } from '../../GlobalStateProvider';
 import AmplitudeLogo from '../../assets/amplitud-logo.svg';
 import PendulumLogo from '../../assets/pendulum-logo.png';
@@ -63,13 +63,16 @@ export default function Layout(): JSX.Element | null {
             visible ? 'open left-0' : 'closed -left-full'
           }`}
         >
-          <img
-            className="pendulum-logo"
-            src={sideBarLogo}
-            alt=""
-            style={isPendulum ? {} : { marginTop: 20, marginBottom: 30, marginLeft: 30 }}
-          />
-          {isTestnet && <div className="foucoco-tag">Foucoco testnet</div>}
+          <div
+            style={
+              isPendulum ? { marginLeft: 20, marginBottom: 20 } : { marginTop: 20, marginBottom: 30, marginLeft: 30 }
+            }
+          >
+            <Link to={`/${network}/dashboard`} target="_blank">
+              <img className="logo" src={sideBarLogo} alt="" />
+              {isTestnet && <div className="foucoco-tag">Foucoco testnet</div>}
+            </Link>
+          </div>
           <Nav onClick={() => setVisible(false)} />
           <div className="sidebar-footer">
             <Versions tenantName={state.tenantName} />

diff --git a/src/components/Layout/styles.sass b/src/components/Layout/styles.sass
@@ -28,10 +28,8 @@ $menu: 32px
   @media screen and (max-width: $medium)
     box-shadow: 5px 0 8px rgba(0, 0, 0, .1)
 
-.pendulum-logo
+#sidebar-wrapper .logo
   width: 160px
-  margin-left: 20px
-  margin-bottom: 20px
 
 .foucoco-tag
   font-family: 'Nunito Sans'