urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-11-24 13:06:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

links: prevent duplicate link submissions

Browse Source 
Adds a disabled check during link submission to prevent duplicates.

Also fixes an unmarked bug where 'linkValid' was not being reset to
false on submission, allowing for submitting blank links after one
correct link has been submitted.
This commit is contained in:
Matilde Park 2020-03-24 20:00:10 -04:00
parent f7133f77e0
commit 19ee376aa9
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pkg/interface/link/src/js/components/lib/link-submit.js
View File

@ -8,7 +8,8 @@ export class LinkSubmit extends Component {
linkValue: "",
linkTitle: "",
linkValid: false,
submitFocus: false
submitFocus: false,
disabled: false
};
this.setLinkValue = this.setLinkValue.bind(this);
this.setLinkTitle = this.setLinkTitle.bind(this);
@ -20,9 +21,15 @@ export class LinkSubmit extends Component {
? this.state.linkTitle
: this.state.linkValue;
api.setSpinner(true);
this.setState({disabled: true})
api.postLink(this.props.resourcePath, link, title).then(r => {
api.setSpinner(false);
this.setState({ linkValue: "", linkTitle: "" });
this.setState({
disabled: false,
linkValue: "",
linkTitle: "",
linkValid: false
});
});
}
@ -56,7 +63,8 @@ export class LinkSubmit extends Component {
}
render() {
let activeClasses = this.state.linkValid ? "green2 pointer" : "gray2";
let activeClasses = (this.state.linkValid && !this.state.disabled)
? "green2 pointer" : "gray2";
let focus = (this.state.submitFocus)
? "b--black b--white-d"
@ -110,7 +118,7 @@ export class LinkSubmit extends Component {
className={
"absolute bg-gray0-d f8 ml2 flex-shrink-0 " + activeClasses
}
disabled={!this.state.linkValid}
disabled={!this.state.linkValid || this.state.disabled}
onClick={this.onClickPost.bind(this)}
style={{
bottom: 12,