Jelajahi Sumber

refactor: Simplify chat menu items rendering in SiderBar

1808837298@qq.com 1 tahun lalu
induk
melakukan
867187ab4d
1 mengubah file dengan 28 tambahan dan 31 penghapusan
  1. 28 31
      web/src/components/SiderBar.js

+ 28 - 31
web/src/components/SiderBar.js

@@ -294,39 +294,36 @@ const SiderBar = () => {
         }}
         }}
       >
       >
         {/* Chat Section - Only show if there are chat items */}
         {/* Chat Section - Only show if there are chat items */}
-        {chatItems.length > 0 && (
-          <>
-            {chatMenuItems.map((item) => {
-              if (item.items && item.items.length > 0) {
-                return (
-                  <Nav.Sub
-                    key={item.itemKey}
-                    itemKey={item.itemKey}
-                    text={item.text}
-                    icon={item.icon}
-                  >
-                    {item.items.map((subItem) => (
-                      <Nav.Item
-                        key={subItem.itemKey}
-                        itemKey={subItem.itemKey}
-                        text={subItem.text}
-                      />
-                    ))}
-                  </Nav.Sub>
-                );
-              } else {
-                return (
+        {chatMenuItems.map((item) => {
+          if (item.items && item.items.length > 0) {
+            return (
+              <Nav.Sub
+                key={item.itemKey}
+                itemKey={item.itemKey}
+                text={item.text}
+                icon={item.icon}
+              >
+                {item.items.map((subItem) => (
                   <Nav.Item
                   <Nav.Item
-                    key={item.itemKey}
-                    itemKey={item.itemKey}
-                    text={item.text}
-                    icon={item.icon}
+                    key={subItem.itemKey}
+                    itemKey={subItem.itemKey}
+                    text={subItem.text}
                   />
                   />
-                );
-              }
-            })}
-          </>
-        )}
+                ))}
+              </Nav.Sub>
+            );
+          } else {
+            return (
+              <Nav.Item
+                key={item.itemKey}
+                itemKey={item.itemKey}
+                text={item.text}
+                icon={item.icon}
+              />
+            );
+          }
+        })}
+
 
 
         {/* Divider */}
         {/* Divider */}
         <Divider style={dividerStyle} />
         <Divider style={dividerStyle} />