frameworks.map((f) => ( <Menu.Item key={f.id}>{f.title}</Menu.Item> ))
// Can't be a Pure Component due to Dropdown lookups overlay component type to set appropriate styles const memberMenu = (onClick, availableMembers) => ( <Menu> {availableMembers.length ? ( availableMembers.map((m) => ( <Menu.Item key={m.name} onClick={() => onClick(m)}> {m.title} </Menu.Item> )) ) : ( <Menu.Item disabled>No members found</Menu.Item> )} </Menu> )
renderFilesMenu() { const { selectedFile, files } = this.state; return ( <Menu mode="inline" onClick={({ key }) => { playgroundAction('Select File'); this.setState({ selectedFile: key }); }} selectedKeys={selectedFile ? [selectedFile] : []} > {files.map((f) => ( <Menu.Item key={f.fileName}>{f.fileName}</Menu.Item> ))} </Menu> ); }
const SelectChartType = ({ chartType, updateChartType }) => { const menu = ( <Menu> {ChartTypes.map((m) => ( <Menu.Item key={m.title} onClick={() => updateChartType(m.name)}> {m.icon} {m.title} </Menu.Item> ))} </Menu> ); const foundChartType = ChartTypes.find((t) => t.name === chartType); return ( <ButtonDropdown overlay={menu} icon={foundChartType.icon}> {foundChartType.title} </ButtonDropdown> ); }
chartLibraries.map((library) => ( <Menu.Item key={library.value}>{library.title}</Menu.Item> ))
menuItemWithDirs(dirs) { return dirs.map(dir => { if (dir.dirs && dir.dirs.length) { return ( <SubMenu key={dir.id} title={<span>{dir.name}</span>} > {this.menuItemWithDirs(dir.dirs)} </SubMenu>) } else { return (<Menu.Item key={dir.id} dir={dir} >{dir.name}</Menu.Item>) } }) }
function () { if (permissionOrOverride("canSelfServices")) { return <Menu.Item disabled key="services" icon={<CloudServerOutlined/>} onClick={() => changePage("/home/services")}>Services</Menu.Item> } else { return ""; } }()
function () { if (permissionOrOverride("canSelfProjects")) { return <Menu.Item key="projects" icon={<ProjectOutlined/>} onClick={() => changePage("/home/projects")}>Projects</Menu.Item> } else { return ""; } }()
menuItemWithDirs(dirs) { return dirs.map(dir => { if (dir.dirs && dir.dirs.length) { return ( <SubMenu key={dir.id} title={<span>{dir.name}</span>} > {this.menuItemWithDirs(dir.dirs)} </SubMenu>) } else { return (<Menu.Item key={dir.id} dir={dir} >{dir.name}</Menu.Item>) } }) }