WIP: feature-page #22
1 changed files with 31 additions and 29 deletions
|
@ -76,13 +76,14 @@ export default function URLShortener() {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
|
<>
|
||||||
<div className="URLShortener-component">
|
<div className="URLShortener-component">
|
||||||
<div className="left-side">
|
<div className="left-side">
|
||||||
<h1>Paste the URL</h1>
|
<h1>Paste the URL</h1>
|
||||||
<form className="url-input" onSubmit={ShortenIt}>
|
<form className="url-input" onSubmit={ShortenIt}>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="www.example.com"
|
placeholder="http://www.example.com"
|
||||||
aria-label="URL input field"
|
aria-label="URL input field"
|
||||||
value={url}
|
value={url}
|
||||||
onChange={(e) => setUrl(e.target.value)}
|
onChange={(e) => setUrl(e.target.value)}
|
||||||
|
@ -108,7 +109,8 @@ export default function URLShortener() {
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ToastContainer />
|
|
||||||
</div>
|
</div>
|
||||||
|
<ToastContainer />
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue