Fix screen blinking issue on smaller screen (#428)

added react fragment for moreIcons in tab Co-authored-by: Neha <[email protected]>
Zipstack · Jul 2, 2024 · 746949d · 746949d
1 parent 923bd41
commit 746949d
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 2 deletions.
diff --git a/frontend/src/components/agency/configure-connector-modal/ConfigureConnectorModal.jsx b/frontend/src/components/agency/configure-connector-modal/ConfigureConnectorModal.jsx
@@ -97,6 +97,7 @@ function ConfigureConnectorModal({
               activeKey={activeKey}
               items={tabItems}
               onChange={onTabChange}
+              moreIcon={<></>}
             />
             {activeKey === "1" && (
               <ConfigureFormsLayout

diff --git a/frontend/src/components/agency/side-panel/SidePanel.jsx b/frontend/src/components/agency/side-panel/SidePanel.jsx
@@ -89,7 +89,12 @@ function SidePanel() {
   return (
     <div className="sidepanel-layout">
       <div className="sidepanel-tabs">
-        <Tabs activeKey={activeTabKey} items={items} onChange={handleTabKey} />
+        <Tabs
+          activeKey={activeTabKey}
+          items={items}
+          onChange={handleTabKey}
+          moreIcon={<></>}
+        />
       </div>
       <div className="sidepanel-content">
         {activeTabKey === "1" && <Tools />}

diff --git a/frontend/src/components/custom-tools/document-manager/DocumentManager.jsx b/frontend/src/components/custom-tools/document-manager/DocumentManager.jsx
@@ -240,6 +240,7 @@ function DocumentManager({ generateIndex, handleUpdateTool, handleDocChange }) {
             activeKey={activeKey}
             items={items}
             onChange={handleActiveKeyChange}
+            moreIcon={<></>}
           />
         </div>
         <Space>

diff --git a/frontend/src/components/custom-tools/tools-main/ToolsMain.jsx b/frontend/src/components/custom-tools/tools-main/ToolsMain.jsx
@@ -162,7 +162,12 @@ function ToolsMain() {
     <div className="tools-main-layout">
       <div className="doc-manager-header">
         <div className="tools-main-tabs">
-          <Tabs activeKey={activeKey} items={items} onChange={onChange} />
+          <Tabs
+            activeKey={activeKey}
+            items={items}
+            onChange={onChange}
+            moreIcon={<></>}
+          />
         </div>
         <div className="display-flex-align-center">
           <Space>

diff --git a/frontend/src/components/deployments/display-code/DisplayCode.jsx b/frontend/src/components/deployments/display-code/DisplayCode.jsx
@@ -189,6 +189,7 @@ const DisplayCode = ({ isDialogOpen, setDialogOpen, url }) => {
         }
         onChange={handleTabKey}
         items={TAB_ITEMS}
+        moreIcon={<></>}
       />
     </Modal>
   );