diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index 33dd6cf..5834d74 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -14,6 +14,9 @@ const routes = [
{ text: 'My Collections', href: `/collections/myCollections/`, isChild: true },
{ text: 'Collection Actions', href: `/collections/actions/`, isChild: true },
{ text: 'Contract Dashboards', href: `/contracts/`, isChild: false },
+ { text: 'Minter Contract', href: `/contracts/minter/`, isChild: true },
+ { text: 'SG721 Contract', href: `/contracts/sg721/`, isChild: true },
+ { text: 'Whitelist Contract', href: `/contracts/whitelist/`, isChild: true },
]
export const Sidebar = () => {
@@ -29,7 +32,6 @@ export const Sidebar = () => {
{/* wallet button */}
-
{/* main navigation routes */}
{routes.map(({ text, href, isChild }) => (
{
'px-4 -mx-5 font-extrabold uppercase rounded-lg', // styling
'hover:bg-white/5 transition-colors', // hover styling
{ 'py-0 ml-2 text-sm font-bold': isChild },
- { 'text-gray hover:text-white': router.asPath !== href && isChild },
- { 'text-plumbus': router.asPath === href && isChild }, // active route styling
+ {
+ 'text-gray hover:text-white':
+ router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1) !== href && isChild,
+ },
+ { 'text-plumbus': router.asPath.substring(0, router.asPath.lastIndexOf('/') + 1) === href && isChild }, // active route styling
// { 'text-gray-500 pointer-events-none': disabled }, // disabled route styling
)}
href={href}
diff --git a/pages/collections/myCollections.tsx b/pages/collections/myCollections.tsx
index 148285e..794a201 100644
--- a/pages/collections/myCollections.tsx
+++ b/pages/collections/myCollections.tsx
@@ -68,7 +68,6 @@ const CollectionList: NextPage = () => {