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

Fix reusable react components duplicate id... dumbass

Browse Source
This commit is contained in:
TukanDev
2022-07-04 04:14:35 +02:00
parent 29716c43b6
commit 9ea92a23ee
11 changed files with 32 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,14 +44,14 @@ export default class TextInput extends React.Component<IProps, IState> {
render() {
return (
<div className="TextInputWrapper" id="commonTextInputContainer" style={this.props.style || {}}>
<div className="TextInputWrapper" style={this.props.style || {}}>
<input id={this.props?.id} readOnly={this.props.readOnly || false} placeholder={this.props.placeholder || ''} className="TextInput" value={this.state.value} onChange={(e) => {
this.setState({ value: e.target.value })
if (this.props.onChange) this.props.onChange(e.target.value)
}} />
{
this.props.clearable ?
<div className="TextClear" id="commonTextInputClearableContainer" onClick={() => {
<div className="TextClear" onClick={() => {
// Run custom behaviour first
if (this.props.customClearBehaviour) return this.props.customClearBehaviour()
@@ -61,7 +61,7 @@ export default class TextInput extends React.Component<IProps, IState> {
this.forceUpdate()
}}>
<img src={Close} className="TextInputClear" id="commonTextInputClearableIcon" />
<img src={Close} className="TextInputClear" />
</div> : null
}
</div>