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:
parent
c92e58eb82
commit
5054242699
1 changed files with 11 additions and 4 deletions
|
@ -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}
|
||||||
|
<br/>
|
||||||
<input type="text" value={this.state.url} onChange={this.handleChange} />
|
<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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue