add home page link for Sui Explorer header (MystenLabs#1735)

* add home page link for Sui Explorer header lint changes * remove space
blcozgn · May 3, 2022 · d8686eb · d8686eb
1 parent 5c44cd2
commit d8686eb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/explorer/client/src/app/App.module.css b/explorer/client/src/app/App.module.css
@@ -6,6 +6,18 @@ h2.suititle {
     @apply m-0 p-0 ml-[5vw] py-[1vh] text-lg;
 }
 
+h2.suititle > a {
+    @apply text-offwhite;
+
+    text-decoration: none;
+}
+
+h2.suititle > a:hover {
+    @apply text-offwhite;
+
+    text-decoration: underline;
+}
+
 .search {
     @apply bg-offblack text-offwhite pb-4 w-[100vw];
 }

diff --git a/explorer/client/src/app/App.tsx b/explorer/client/src/app/App.tsx
@@ -1,6 +1,8 @@
 // Copyright (c) 2022, Mysten Labs, Inc.
 // SPDX-License-Identifier: Apache-2.0
 
+import { Link } from 'react-router-dom';
+
 import Footer from '../components/footer/Footer';
 import Search from '../components/search/Search';
 import AppRoutes from '../pages/config/AppRoutes';
@@ -11,7 +13,9 @@ function App() {
     return (
         <div className={styles.app}>
             <div className={styles.search}>
-                <h2 className={styles.suititle}>SuiExplorer</h2>
+                <h2 className={styles.suititle}>
+                    <Link to="/">SuiExplorer</Link>
+                </h2>
                 <Search />
             </div>
             <main>