From cce38615733e1bb9ca8fc68e36e119c1fbdb5afe Mon Sep 17 00:00:00 2001
From: Ronny Roland <ronmilton@mystenlabs.com>
Date: Mon, 22 Apr 2024 19:42:28 -0600
Subject: [PATCH] Dashboard link and mobile

---
 documentation/components/footer.js |  1 -
 documentation/components/nav.js    | 29 +++++++++++++++++++----------
 documentation/public/suins.css     |  5 +++++
 3 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/documentation/components/footer.js b/documentation/components/footer.js
index 3fe0418f..bae86cb3 100644
--- a/documentation/components/footer.js
+++ b/documentation/components/footer.js
@@ -9,7 +9,6 @@ const Footer = () => {
         <a href="https://mystenlabs.com" target="_blank">
         , Mysten Labs, Inc.
         </a>
-        .
       </div>
     </footer>
   );
diff --git a/documentation/components/nav.js b/documentation/components/nav.js
index 0efe6260..1e1fb70a 100644
--- a/documentation/components/nav.js
+++ b/documentation/components/nav.js
@@ -6,22 +6,31 @@ const NavBar = () => {
     const logo = useConfig().logo;
     const themeSwitch = useConfig().themeSwitch.component({lite: false, className: 'bg-white'});
 
-const handleClick = () => {
-
-}
-
     return (
         <div className="suins-nav-container sticky top-0 w-full bg-blurple z-10">
-            <nav className="max-w-[90rem] grid grid-cols-12 h-16 gap-4 items-center">
-                <div className="col-span-3" onClick={handleClick}>
+            <nav className="max-w-[110rem] grid grid-cols-12 h-16 gap-4 items-center">
+                <div className="col-span-3 ml-2">
                     <Link href="/">
                         <img className="w-4 mx-4 inline" src="/logo.svg"></img>
-                        <h1 className="text-white bold inline">{logo}</h1>
+                        <h1 className="text-white bold hidden lg:inline">{logo}</h1>
                     </Link>
                 </div>
-                <div className="col-span-5 nav-item-placeholder"></div>
-                <div className="col-span-3 flex justify-end">{search}</div>
-                <div className="col-span-1 z-50">{themeSwitch}</div>
+                <div className="col-span-9 flex justify-end mr-8 items-center">
+                    <ul>
+                        <li>
+                            <a href="https://suins.io/account/my-names" target="_blank">
+                                <span className="external-link text-xs">
+                                    <span className='hidden sm:inline'>SuiNS </span>
+                                    Dashboard
+                                </span>
+                            </a>
+                        </li>
+                    </ul>
+                    <div className="mx-4">
+                        {search}
+                    </div>
+                    {themeSwitch}
+                </div>
             </nav>
         </div>
     )
diff --git a/documentation/public/suins.css b/documentation/public/suins.css
index 98166071..735acf33 100644
--- a/documentation/public/suins.css
+++ b/documentation/public/suins.css
@@ -24,4 +24,9 @@ aside.nextra-sidebar-container .nx-sticky.nx-bottom-0 {
 
 button[title="Change theme"] {
     @apply !bg-slate-100 !text-blurpleDark
+}
+
+.external-link::after {
+    content: " ↗";
+    white-space: nowrap;
 }
\ No newline at end of file