Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-05 07:18:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added server selector so users see only Ephinea is supported.

Browse Source
This commit is contained in:
Daan Vanden Bosch 2019-06-16 20:48:13 +02:00
parent d35b2356e7
commit d973a31b35
2 changed files with 30 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/ui/ApplicationComponent.css → src/ui/ApplicationComponent.less
View File

@ -10,10 +10,29 @@
.ApplicationComponent-navbar { .ApplicationComponent-navbar {
display: flex; display: flex;
border-bottom: solid 1px @border-color-split;
} }
.ApplicationComponent-heading { .ApplicationComponent-heading {
margin: 5px 10px 0 10px; align-self: center;
font-size: 26px;
margin: 0 10px;
}
.ApplicationComponent-heading-menu {
flex: 1;
margin-bottom: -1px;
}
.ApplicationComponent-server-select {
display: flex;
align-items: center;
margin: 0 6px;
& > span {
display: inline-block;
margin-right: 10px;
}
} }
.ApplicationComponent-beta { .ApplicationComponent-beta {

12
src/ui/ApplicationComponent.tsx
View File

@ -1,12 +1,13 @@
import { Menu } from 'antd'; import { Menu, Select } from 'antd';
import { ClickParam } from 'antd/lib/menu'; import { ClickParam } from 'antd/lib/menu';
import { observer } from 'mobx-react'; import { observer } from 'mobx-react';
import React from 'react'; import React from 'react';
import './ApplicationComponent.css'; import './ApplicationComponent.less';
import { withErrorBoundary } from './ErrorBoundary'; import { withErrorBoundary } from './ErrorBoundary';
import { HuntOptimizerComponent } from './hunt-optimizer/HuntOptimizerComponent'; import { HuntOptimizerComponent } from './hunt-optimizer/HuntOptimizerComponent';
import { QuestEditorComponent } from './quest-editor/QuestEditorComponent'; import { QuestEditorComponent } from './quest-editor/QuestEditorComponent';
import { DpsCalcComponent } from './dps-calc/DpsCalcComponent'; import { DpsCalcComponent } from './dps-calc/DpsCalcComponent';
import { Server } from '../domain';
const QuestEditor = withErrorBoundary(QuestEditorComponent); const QuestEditor = withErrorBoundary(QuestEditorComponent);
const HuntOptimizer = withErrorBoundary(HuntOptimizerComponent); const HuntOptimizer = withErrorBoundary(HuntOptimizerComponent);
@ -38,6 +39,7 @@ export class ApplicationComponent extends React.Component {
Phantasmal World Phantasmal World
</h1> </h1>
<Menu <Menu
className="ApplicationComponent-heading-menu"
onClick={this.menuClicked} onClick={this.menuClicked}
selectedKeys={[this.state.tool]} selectedKeys={[this.state.tool]}
mode="horizontal" mode="horizontal"
@ -52,6 +54,12 @@ export class ApplicationComponent extends React.Component {
DPS Calculator DPS Calculator
</Menu.Item> */} </Menu.Item> */}
</Menu> </Menu>
<div className="ApplicationComponent-server-select">
<span>Server:</span>
<Select defaultValue={Server.Ephinea} style={{ width: 120 }}>
<Select.Option value={Server.Ephinea}>{Server.Ephinea}</Select.Option>
</Select>
</div>
</div> </div>
<div className="ApplicationComponent-main"> <div className="ApplicationComponent-main">
{toolComponent} {toolComponent}