refactor(login): update input field IDs to be more specific
Changed username/password input IDs from generic 'username'/'password' to more explicit 'username-input'/'password-input' and updated corresponding label htmlFor attributes for better clarity and consistency.
This commit is contained in:
@@ -148,11 +148,11 @@ const LoginPage = () => {
|
|||||||
<CardContent className="px-8 pb-8">
|
<CardContent className="px-8 pb-8">
|
||||||
<form onSubmit={handleSubmit} className="space-y-6">
|
<form onSubmit={handleSubmit} className="space-y-6">
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
<label htmlFor="username" className="text-sm font-medium w-16 shrink-0">
|
<label htmlFor="username-input" className="text-sm font-medium w-16 shrink-0">
|
||||||
{t('login.username')}
|
{t('login.username')}
|
||||||
</label>
|
</label>
|
||||||
<Input
|
<Input
|
||||||
id="username"
|
id="username-input"
|
||||||
placeholder={t('login.usernamePlaceholder')}
|
placeholder={t('login.usernamePlaceholder')}
|
||||||
value={username}
|
value={username}
|
||||||
onChange={(e) => setUsername(e.target.value)}
|
onChange={(e) => setUsername(e.target.value)}
|
||||||
@@ -161,11 +161,11 @@ const LoginPage = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-4">
|
<div className="flex items-center gap-4">
|
||||||
<label htmlFor="password" className="text-sm font-medium w-16 shrink-0">
|
<label htmlFor="password-input" className="text-sm font-medium w-16 shrink-0">
|
||||||
{t('login.password')}
|
{t('login.password')}
|
||||||
</label>
|
</label>
|
||||||
<Input
|
<Input
|
||||||
id="password"
|
id="password-input"
|
||||||
type="password"
|
type="password"
|
||||||
placeholder={t('login.passwordPlaceholder')}
|
placeholder={t('login.passwordPlaceholder')}
|
||||||
value={password}
|
value={password}
|
||||||
|
Reference in New Issue
Block a user