wood/clash-and-dashboard
1
0
Fork 0
mirror of https://github.com/woodchen-ink/clash-and-dashboard.git synced 2025-07-18 14:01:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: selector & rerender

Browse Source
This commit is contained in:
Dreamacro 2018-12-08 22:29:08 +08:00
parent ac6bac65aa
commit 3bf124dbb3
2 changed files with 11 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Select/index.tsx
View File

@ -40,10 +40,6 @@ export class Select extends React.Component<SelectProps, SelectState> {
hasCreateDropList: false
}
constructor (props) {
super(props)
}
componentDidMount () {
document.addEventListener('click', this.handleGlobalClick, true)
this.setState({ dropdownListStyles: this.calculateAttachmentPosition() })
@ -91,8 +87,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
return {
top: Math.floor(targetRectInfo.top) - 10,
left: Math.floor(targetRectInfo.left) - 10,
width: Math.floor(targetRectInfo.width) + 10
left: Math.floor(targetRectInfo.left) - 10
}
}

20
src/containers/Proxies/index.tsx
View File

@ -47,10 +47,10 @@ class Proxies extends React.Component<ProxiesProps, ProxiesState> {
<Icon type="plus" size={20} style={{ fontWeight: 'bold' }} />
</Header>
{
config.state === 'ok' && <ul className="proxies-list">
config.config.proxy.length !== 0 && <ul className="proxies-list">
{
config.config.proxy.map((p, index) => (
<li key={index}>
<li key={p.name}>
<Proxy config={p} onEdit={() => this.setState({
showModifyProxyDialog: true,
activeConfig: p,
@ -65,15 +65,15 @@ class Proxies extends React.Component<ProxiesProps, ProxiesState> {
<div className="proxies-container">
<Header title={t('groupTitle')} />
</div>
{
showModifyProxyDialog && <ModifyProxyDialog
config={activeConfig}
onOk={this.handleConfigApply}
onCancel={() => this.setState({ showModifyProxyDialog: false, activeConfig: null, activeConfigIndex: -1 })}
/>
}
</div>
{
showModifyProxyDialog && <ModifyProxyDialog
config={activeConfig}
onOk={this.handleConfigApply}
onCancel={() => this.setState({ showModifyProxyDialog: false, activeConfig: null, activeConfigIndex: -1 })}
/>
}
</>
)
}