Fix selected style in sidebar

dappforce · Mar 4, 2024 · 5415bad · 5415bad
1 parent 41b7305
commit 5415bad
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/src/layout/SideMenu.tsx b/src/layout/SideMenu.tsx
@@ -23,8 +23,8 @@ const renderPageLink = (item: PageLink) => {
   }
 
   return (
-    <Menu.Item className='DfMenuItem' key={item.href[1] || item.href[0]}>
-      <CustomLink href={item.href[0]} passHref>
+    <Menu.Item className='DfMenuItem' key={item.href}>
+      <CustomLink href={item.href} passHref>
         <a {...anchorProps}>
           <span className='MenuItemIcon'>{icon}</span>
           <span className='MenuItemName'>{item.name}</span>
@@ -35,7 +35,7 @@ const renderPageLink = (item: PageLink) => {
 }
 
 function SideMenu({ noOffset }: { noOffset?: boolean }) {
-  const { asPath } = useRouter()
+  const { pathname } = useRouter()
   const myAddress = useMyAddress()
 
   const menuItems = buildAuthorizedMenu(myAddress)
@@ -48,7 +48,7 @@ function SideMenu({ noOffset }: { noOffset?: boolean }) {
       )}
     >
       <Menu
-        selectedKeys={[asPath]}
+        selectedKeys={[pathname]}
         mode='inline'
         theme='light'
         className={clsx(styles.Menu, noOffset && styles.MenuNoOffset)}

diff --git a/src/styles/subsocial.scss b/src/styles/subsocial.scss
@@ -2400,3 +2400,10 @@ hr {
   padding-left: $space_normal;
   padding-right: $space_normal;
 }
+
+.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: transparent !important;
+}
+.ant-menu-item::after {
+  display: none !important;
+}