Merge pull request #639 from alleslabs/fix/navbar-missing-to-dev

fix: missing navbar to develop
alleslabs · Nov 28, 2023 · dfc4ddc · dfc4ddc
2 parents abc0210 + 5df5978
commit dfc4ddc
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -107,6 +107,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#639](https://github.com/alleslabs/celatone-frontend/pull/639) Fix this wallet nav bar section
 - [#623](https://github.com/alleslabs/celatone-frontend/pull/623) Fix abi empty vector serialization
 - [#619](https://github.com/alleslabs/celatone-frontend/pull/619) Fix observer, logo and disable delegation in Account Detail Page
 - [#617](https://github.com/alleslabs/celatone-frontend/pull/617) Fix textwrap module path on module detail, framer motion incorrect transition prop, loadingoverlay not centered

diff --git a/src/lib/layout/navbar/index.tsx b/src/lib/layout/navbar/index.tsx
@@ -21,6 +21,7 @@ import {
   getDevSubmenuMove,
   getDevSubmenuWasm,
   getDeviceSubmenuWasm,
+  getWalletSubSection,
 } from "./utils";
 
 interface NavbarProps {
@@ -88,6 +89,7 @@ const Navbar = observer(({ isExpand, setIsExpand }: NavbarProps) => {
               ...getDevSubmenuWasm(wasm.enabled),
             ],
             subSection: [
+              ...getWalletSubSection(wasm.enabled),
               {
                 category: "This Device",
                 submenu: [

diff --git a/src/lib/layout/navbar/utils.ts b/src/lib/layout/navbar/utils.ts
@@ -1,7 +1,7 @@
 import { AmpEvent, track } from "lib/amplitude";
 import type { IconKeys } from "lib/components/icon";
-import { SAVED_LIST_NAME } from "lib/data";
-import { formatSlugName } from "lib/utils";
+import { INSTANTIATED_LIST_NAME, SAVED_LIST_NAME } from "lib/data";
+import { formatSlugName, getListIcon } from "lib/utils";
 
 export const getDevSubmenuMove = (isMove: boolean) =>
   isMove
@@ -61,6 +61,27 @@ export const getDevSubmenuWasm = (isWasm: boolean) =>
       ]
     : [];
 
+export const getWalletSubSection = (isWasm: boolean) =>
+  isWasm
+    ? [
+        {
+          category: "This Wallet",
+          submenu: [
+            {
+              name: "My Stored Codes",
+              slug: "/stored-codes",
+              icon: "code" as IconKeys,
+            },
+            {
+              name: INSTANTIATED_LIST_NAME,
+              slug: `/contract-lists/${formatSlugName(INSTANTIATED_LIST_NAME)}`,
+              icon: getListIcon(INSTANTIATED_LIST_NAME),
+            },
+          ],
+        },
+      ]
+    : [];
+
 export const getDeviceSubmenuWasm = (isWasm: boolean) =>
   isWasm
     ? [