elia/shortenit
1
0
Fork 0
Code Issues 7 Pull requests 1 Releases Packages Wiki Activity

Fix a small bug within the URL shortener component

Browse source
This commit is contained in:
Anthony Al Lazkani 2024-12-25 22:36:09 +02:00
parent 4947b55fe8
commit ebff4c020f
1 changed files with 31 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/components/URLShortener/URLShortener.tsx
View file

@ -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 />
</>
); );
} }