@ant-design/icons#DeploymentUnitOutlined JavaScript Examples
The following examples show how to use
@ant-design/icons#DeploymentUnitOutlined.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
Source File: App.js From hashcat.launcher with MIT License | 4 votes |
render() {
return (
<Layout>
<Sider
style={{
overflow: 'auto',
height: '100vh',
position: 'fixed',
left: 0
}}
collapsed
>
<Menu theme="dark" onSelect={this.onSelectMenu} defaultSelectedKeys={[this.state.currentView]} mode="inline">
<Menu.Item key="New Task" icon={<PlusOutlined />}>
New Task
</Menu.Item>
<Menu.Item key="Tasks" icon={<UnorderedListOutlined />}>
Tasks
</Menu.Item>
<Menu.Item key="Settings" icon={<SettingOutlined />}>
Settings
</Menu.Item>
<Menu.Divider />
<Menu.Item key="Tools" icon={<DeploymentUnitOutlined />}>
Tools
</Menu.Item>
<Menu.Divider />
<Menu.Item key="Help" icon={<QuestionCircleOutlined />}>
Help
</Menu.Item>
<Menu.Item key="About" icon={<InfoCircleOutlined />}>
About
</Menu.Item>
</Menu>
</Sider>
<div style={{ marginLeft: '80px'}}></div>
<Layout style={{ height: "100vh" }}>
<Header
style={{
display: 'flex',
alignItems: 'center',
position: 'fixed',
zIndex: 1,
width: '100%',
backgroundColor: '#000',
borderBottom: '1px #1d1d1d solid'
}}
>
<img style={{ height: '100%'}} src={require('./images/Icon.png').default} />
<Title level={3} style={{ margin: '0 10px', color: '#fff' }}>
hashcat.launcher
</Title>
<span>
{this.state.version ? (
this.state.version === "dev" ? (
"dev"
) : (
"v" + this.state.version
)
) : "dev"}
</span>
</Header>
<div style={{ marginTop: '64px'}}></div>
{this.state.isLoadedHashcat === false && (
<Alert
style={{ maxHeight: "38px" }}
type="warning"
message={
<Tooltip
title={
<>
hashcat is expected to be in the same directory as hashcat.launcher
inside a subfolder <Text code>/hashcat</Text>
</>
}
>
hashcat not found
</Tooltip>
}
banner
/>
)}
<div
style={{ display: this.state.currentView === "New Task" ? "block" : "none" }}
>
{this.newTaskView}
</div>
<div
style={{
display: this.state.currentView === "Tasks" ? "flex" : "none",
flexDirection: "column",
flex: "1 0 auto",
maxHeight: this.state.isLoadedHashcat === false ? "calc(100% - 64px - 38px)" : "calc(100% - 64px)"
}}
>
{this.tasksView}
</div>
<div
style={{ display: this.state.currentView === "Settings" ? "block" : "none" }}
>
{this.settingsView}
</div>
<div
style={{ display: this.state.currentView === "Tools" ? "block" : "none" }}
>
{this.toolsView}
</div>
<div
style={{ display: this.state.currentView === "Help" ? "block" : "none" }}
>
{this.helpView}
</div>
<div
style={{ display: this.state.currentView === "About" ? "block" : "none" }}
>
{this.aboutView}
</div>
</Layout>
</Layout>
)
}