feature: add my assets on sidebar

marigold-dev · Jan 29, 2024 · aaf3eb6 · aaf3eb6
1 parent 20fd515
commit aaf3eb6
Showing 1 changed file with 76 additions and 0 deletions.
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
@@ -17,6 +17,7 @@ import React, {
   useMemo,
   useState,
 } from "react";
+import { PREFERED_NETWORK } from "../context/config";
 import {
   AppDispatchContext,
   AppStateContext,
@@ -279,6 +280,81 @@ const Sidebar = ({
       </Select.Root>
 
       <div className="mt-8 flex flex-col space-y-4">
+        <a
+          href={`https://${PREFERED_NETWORK}.tzkt.io/${state.currentContract}/balances/`}
+          target="_blank"
+          rel="noreferrer"
+          className={linkClass(false, isLoading)}
+        >
+          <svg
+            width="20px"
+            height="20px"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <rect
+              x="3"
+              y="7"
+              width="18"
+              height="14"
+              rx="2"
+              stroke="currentColor"
+              stroke-width="2"
+            />
+            <path
+              d="M7 7V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"
+              stroke="currentColor"
+              stroke-width="2"
+            />
+            <rect
+              x="11"
+              y="11"
+              width="2"
+              height="4"
+              rx="1"
+              fill="currentColor"
+            />
+            <circle
+              cx="12"
+              cy="16"
+              r="1"
+              stroke="currentColor"
+              stroke-width="2"
+            />
+          </svg>
+          <span>All Assets </span>
+
+          <svg
+            width="10px"
+            height="10px"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+            <path
+              d="M15 3h6v6"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+            <path
+              d="M10 14L21 3"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            />
+          </svg>
+        </a>
         <Link
           href={`/${state.currentContract}/proposals`}
           className={linkClass(