22231: changed sidePanelButton to eliminate React.Fragment
authorLisa Knox <lisa.knox@curii.com>
Wed, 20 Nov 2024 16:53:32 +0000 (11:53 -0500)
committerLisa Knox <lisa.knox@curii.com>
Wed, 20 Nov 2024 18:57:35 +0000 (13:57 -0500)
Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>

services/workbench2/src/views-components/side-panel-button/side-panel-button.tsx

index 40f315547ca58431ba26b91ec4d9e439dd915455..297297885e536d27184aa200adb00f713b72a8dd 100644 (file)
@@ -106,23 +106,22 @@ export const SidePanelButton = withStyles(styles)(
                     }
                 }
 
-                let menuItems = <>
+                let menuItems = [
                     <MenuItem data-cy='side-panel-new-collection' className={classes.menuItem} onClick={this.handleNewCollectionClick}>
                         <CollectionIcon className={classes.icon} /> New collection
-                    </MenuItem>
+                    </MenuItem>,
                     <MenuItem data-cy='side-panel-run-process' className={classes.menuItem} onClick={this.handleRunProcessClick}>
                         <ProcessIcon className={classes.icon} /> Run a workflow
-                    </MenuItem>
+                    </MenuItem>,
                     <MenuItem data-cy='side-panel-new-project' className={classes.menuItem} onClick={this.handleNewProjectClick}>
                         <ProjectIcon className={classes.icon} /> New project
-                    </MenuItem>
-                </>;
+                    </MenuItem>,
+                ];
 
                 const reduceItemsFn: (a: React.ReactElement[], b: ElementListReducer) => React.ReactElement[] =
                     (a, b) => b(a, classes.menuItem);
 
-                menuItems = React.createElement(React.Fragment, null,
-                    pluginConfig.newButtonMenuList.reduce(reduceItemsFn, React.Children.toArray(menuItems.props.children)));
+                menuItems = pluginConfig.newButtonMenuList.reduce(reduceItemsFn, menuItems);
 
                 return (
                     <Toolbar style={{paddingRight: 0}}>