Merge pull request #247 from joeetwork/jet/token-info-back-button

Back button added to token info page
helius-labs · Dec 13, 2023 · 85b9f6d · 85b9f6d
2 parents a725623 + a9b43be
commit 85b9f6d
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 32 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,18 +1,9 @@
 {
-  "editor.tabSize": 4,
-  "eslint.validate": [
-    "javascript",
-    "javascriptreact",
-    "html",
-    "svelte"
-  ],
-  "editor.codeActionsOnSave": {
-		"source.fixAll.stylelint": true,
-		"source.fixAll.eslint": true,
-  },
-  "cSpell.words": [
-    "HELIUS",
-    "lamports",
-    "solana"
-  ],
+    "cSpell.words": ["HELIUS", "lamports", "solana"],
+    "editor.codeActionsOnSave": {
+        "source.fixAll.stylelint": "explicit",
+        "source.fixAll.eslint": "explicit"
+    },
+    "editor.tabSize": 4,
+    "eslint.validate": ["javascript", "javascriptreact", "html", "svelte"]
 }
diff --git a/src/lib/components/nav.svelte b/src/lib/components/nav.svelte
@@ -45,23 +45,41 @@
 
     <div class="col-span-2 flex items-center justify-end">
         <div class="flex justify-end pr-2">
-            <div
-                class="tooltip"
-                data-tip="Docs"
-            >
-                <a
-                    href="https://docs.helius.dev/welcome/what-is-helius"
-                    rel="noreferrer"
-                    target="_blank"
-                    class="btn-ghost btn"
+            {#if $page.url.pathname == "/"}
+                <div
+                    class="tooltip"
+                    data-tip="Docs"
                 >
-                    <img
-                        class="h-6 opacity-90"
-                        src="docs.svg"
-                        alt=""
-                    />
-                </a>
-            </div>
+                    <a
+                        href="https://docs.helius.dev/welcome/what-is-helius"
+                        rel="noreferrer"
+                        target="_blank"
+                        class="btn-ghost btn"
+                    >
+                        <img
+                            class="h-6 opacity-90"
+                            src="docs.svg"
+                            alt=""
+                        />
+                    </a>
+                </div>
+            {/if}
+            {#if $page.url.pathname !== "/"}
+                <div
+                    class="tooltip"
+                    data-tip="Back"
+                >
+                    <button
+                        class="btn-ghost btn"
+                        on:click={() => window.history.back()}
+                    >
+                        <Icon
+                            id="arrowLeft"
+                            size="lg"
+                        />
+                    </button>
+                </div>
+            {/if}
             <div
                 class="tooltip"
                 data-tip="Help"

diff --git a/src/routes/token/[token]/+page.svelte b/src/routes/token/[token]/+page.svelte
@@ -34,6 +34,7 @@
     import getMimeType from "$lib/util/get-mime-type";
     import { metadataStore } from "$lib/util/stores/metadata";
     import type { UITokenMetadata } from "$lib/types";
+    import Icon from "$lib/components/icon.svelte";
 
     const address = $page.params.token;
     const params = new URLSearchParams(window.location.search);