minor changes

-url box clears itself after submission
-alert is now rendered on window rather than shows as a pop-up alert
This commit is contained in:
Nye Evans 2021-02-10 13:06:02 +00:00
parent c92e58eb82
commit 5054242699

View file

@ -12,6 +12,7 @@ interface ImageAddedProps
interface ImageAdderState interface ImageAdderState
{ {
url: string; url: string;
message: string;
} }
export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderState > export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderState >
@ -22,7 +23,10 @@ export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderStat
{ {
super( props ); super( props );
this.state = { url: "" }; this.state = {
url: "",
message: "Add image url here:",
};
IPFS.create(). IPFS.create().
then( async ( newNode: any ) => then( async ( newNode: any ) =>
@ -49,9 +53,10 @@ export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderStat
} }
else else
{ {
alert("given image is invalid"); //could eventually replace this with something on the render this.setState({message: "this image is either already in the list or not an image"});
event.preventDefault(); event.preventDefault();
} }
this.setState({url: ""});
} }
@ -87,11 +92,13 @@ export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderStat
<div> <div>
<form onSubmit={ this.handleSubmit }> <form onSubmit={ this.handleSubmit }>
<label> <label>
Image URL to add: {this.state.message}
<input type="text" value={this.state.url } onChange={this.handleChange} /> <br/>
<input type="text" value={this.state.url} onChange={this.handleChange} />
</label> </label>
<input type="submit" value="Submit" /> <input type="submit" value="Submit" />
</form> </form>
<Dropzone onDrop={ this.onDrop }> <Dropzone onDrop={ this.onDrop }>
{({getRootProps, getInputProps}) => ( {({getRootProps, getInputProps}) => (
<section> <section>