diff --git a/src/imageadder.tsx b/src/imageadder.tsx index f9f09eb..24a5cb0 100644 --- a/src/imageadder.tsx +++ b/src/imageadder.tsx @@ -12,6 +12,7 @@ interface ImageAddedProps interface ImageAdderState { url: string; + message: string; } export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderState > @@ -22,7 +23,10 @@ export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderStat { super( props ); - this.state = { url: "" }; + this.state = { + url: "", + message: "Add image url here:", + }; IPFS.create(). then( async ( newNode: any ) => @@ -49,9 +53,10 @@ export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderStat } 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(); } + this.setState({url: ""}); } @@ -87,11 +92,13 @@ export class ImageAdder extends React.Component< ImageAddedProps, ImageAdderStat
+ {({getRootProps, getInputProps}) => (