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

optional readonly and fix clear buttons

Browse Source
This commit is contained in:
SpikeHD
2022-05-20 19:04:59 -07:00
parent 8cb00f7024
commit c8a172443d
5 changed files with 29 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,6 +10,7 @@ interface IProps {
value?: string
onChange?: (value: string) => void
extensions?: string[]
readonly?: boolean
}
interface IState {
@@ -23,10 +24,12 @@ export default class DirInput extends React.Component<IProps, IState> {
this.state = {
value: props.value || '',
placeholder: 'Select file or folder...'
placeholder: 'Select file or folder...',
}
this.handleIconClick = this.handleIconClick.bind(this)
console.log(this.props)
}
static getDerivedStateFromProps(props: IProps, state: IState) {
@@ -66,7 +69,7 @@ export default class DirInput extends React.Component<IProps, IState> {
value={this.state.value}
placeholder={this.state.placeholder}
clearable={true}
readOnly={true} onChange={(text: string) => {
readOnly={this.props.readonly !== undefined ? this.props.readonly : true } onChange={(text: string) => {
this.setState({ value: text })
if (this.props.onChange) this.props.onChange(text)