Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-04 22:58: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 {
display: flex;
border-bottom: solid 1px @border-color-split;
}
.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 {

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 { observer } from 'mobx-react';
import React from 'react';
import './ApplicationComponent.css';
import './ApplicationComponent.less';
import { withErrorBoundary } from './ErrorBoundary';
import { HuntOptimizerComponent } from './hunt-optimizer/HuntOptimizerComponent';
import { QuestEditorComponent } from './quest-editor/QuestEditorComponent';
import { DpsCalcComponent } from './dps-calc/DpsCalcComponent';
import { Server } from '../domain';
const QuestEditor = withErrorBoundary(QuestEditorComponent);
const HuntOptimizer = withErrorBoundary(HuntOptimizerComponent);
@ -38,6 +39,7 @@ export class ApplicationComponent extends React.Component {
Phantasmal World
</h1>
<Menu
className="ApplicationComponent-heading-menu"
onClick={this.menuClicked}
selectedKeys={[this.state.tool]}
mode="horizontal"
@ -52,6 +54,12 @@ export class ApplicationComponent extends React.Component {
DPS Calculator
</Menu.Item> */}
</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 className="ApplicationComponent-main">
{toolComponent}