Mirror/Cultivation
1
0
Fork 0
mirror of https://github.com/Grasscutters/Cultivation.git synced 2025-12-14 16:14:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

server input tweaks

Browse Source
This commit is contained in:
SpikeHD
2022-05-16 17:23:13 -07:00
parent 38b4ab4f5d
commit 5c0a46b2d2
3 changed files with 24 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/ui/components/common/DirInput.tsx
View File

@@ -62,11 +62,16 @@ export default class DirInput extends React.Component<IProps, IState> {
render() {
return (
<div className='DirInput'>
<TextInput value={this.state.value} placeholder={this.state.placeholder} readOnly={true} onChange={(text: string) => {
this.setState({ value: text })
<TextInput
value={this.state.value}
placeholder={this.state.placeholder}
clearable={true}
readOnly={true} onChange={(text: string) => {
this.setState({ value: text })
if (this.props.onChange) this.props.onChange(text)
}}/>
if (this.props.onChange) this.props.onChange(text)
}}
/>
<div className="FileSelectIcon" onClick={this.handleIconClick}>
<img src={File} />
</div>

17
src/ui/components/common/TextInput.tsx
View File

@@ -42,13 +42,16 @@ export default class TextInput extends React.Component<IProps, IState> {
this.setState({ value: e.target.value })
if (this.props.onChange) this.props.onChange(e.target.value)
}} />
<div className="TextClear" onClick={() => {
this.setState({ value: '' })
if (this.props.onChange) this.props.onChange('')
}}>
<img src={Close} className="TextInputClear" />
</div>
{
this.props.clearable ?
<div className="TextClear" onClick={() => {
this.setState({ value: '' })
if (this.props.onChange) this.props.onChange('')
}}>
<img src={Close} className="TextInputClear" />
</div> : null
}
</div>
)
}