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 = () => {