Sidebar UI improvement.

2022-06-16 15:21:57 +04:30
parent 10d3a05c1d
commit 4d0f4425ea
2 changed files with 15 additions and 2 deletions
@@ -37,11 +37,16 @@ const SideBar = ({ tags, handleToggleSidebar, toggle }) => {
            </Link>
          </MenuItem>

-          <SubMenu icon="#" defaultOpen={true} title="Tags">
+          <SubMenu
+            icon={<h2>#</h2>}
+            suffix={<span className="badge">{sortedTags.length}</span>}
+            defaultOpen={true}
+            title="Tags"
+          >
            {sortedTags.map((e, i) => {
              const path = `/tags/${e}`;
              return (
-                <MenuItem key={i}>
+                <MenuItem prefix={"#"} key={i}>
                  <Link to={path}>{e}</Link>
                </MenuItem>
              );