fix(components): update attribute tabs style

opendatalab · Jul 31, 2023 · 3904650 · 3904650
1 parent 28001db
commit 3904650
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 9 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,7 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
+.vscode/launch.json
+
 # dependencies
 node_modules
 .DS_Store

diff --git a/packages/components/src/views/MainView/rightSiderBar/index.tsx b/packages/components/src/views/MainView/rightSiderBar/index.tsx
@@ -73,23 +73,22 @@ const RightSiderbar = () => {
     );
   }, [result, tagConfigList]);
 
+  const labelToolLen = useMemo(
+    () => config?.tools?.filter((tool) => labelTool.includes(tool.tool as EToolName)).length,
+    [config?.tools],
+  );
   const attributeTab = useMemo(() => {
-    const labelToolLen = config?.tools?.filter((tool) => labelTool.includes(tool.tool as EToolName)).length;
     const count = graphicResult?.reduce((acc, cur) => {
       return acc + cur.result.length;
     }, 0);
 
-    if (!labelToolLen) {
-      return null;
-    }
-
     return (
       <div className="rightTab">
         <p>标注结果</p>
         <span className="innerWord">{count}件</span>
       </div>
     );
-  }, [config?.tools, graphicResult]);
+  }, [graphicResult]);
 
   return (
     <div className={`${sidebarCls}`} ref={sideRef}>
@@ -102,9 +101,11 @@ const RightSiderbar = () => {
           </Tabs.TabPane>
         )}
 
-        <Tabs.TabPane forceRender tab={attributeTab} key="2">
-          <AttributeResult />
-        </Tabs.TabPane>
+        {labelToolLen && (
+          <Tabs.TabPane forceRender tab={attributeTab} key="2">
+            <AttributeResult />
+          </Tabs.TabPane>
+        )}
 
         {textConfig && textConfig.length > 0 && (
           <Tabs.TabPane forceRender tab={textTab} key="3">