maintenance: Clean up codebase and improve formatting
• Remove placeholder comments and unused code • Standardize inline styles and formatting • Update component structure and organization
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
// LoginComponent.jsx
|
||||
import React, { useState } from 'react';
|
||||
import { Input } from '@progress/kendo-react-inputs';
|
||||
import { Label } from '@progress/kendo-react-labels';
|
||||
@@ -28,18 +29,20 @@ const LoginComponent = ({ onLogin }) => {
|
||||
};
|
||||
|
||||
return (
|
||||
<>
|
||||
<form onSubmit={handleSubmit}>
|
||||
<div>
|
||||
<div style={{ marginBottom: '100px', width: '350px', margin: '0 auto 100px auto' }}>
|
||||
<form onSubmit={handleSubmit} style={{ width: '350px', contain: 'layout' }}>
|
||||
<div style={{ textAlign: 'center' }}>
|
||||
<Label htmlFor="username">Username: </Label>
|
||||
<Input style={{ border: '1px solid #edbd7d' }} type="text" id="username" value={username} onChange={(e) => setUsername(e.target.value)} autoComplete="username" />
|
||||
<Input style={{ border: '1px solid #edbd7d', width: '300px', maxWidth: '300px', minWidth: '300px' }} type="text" id="username" value={username} onChange={(e) => setUsername(e.target.value)} autoComplete="username" />
|
||||
</div>
|
||||
<div>
|
||||
<div style={{ textAlign: 'center' }}>
|
||||
<Label htmlFor="password">Password: </Label>
|
||||
<Input style={{ border: '1px solid #edbd7d', marginBottom: '10px' }} type="password" id="password" value={password} onChange={(e) => setPassword(e.target.value)} autoComplete="current-password" />
|
||||
<Input style={{ border: '1px solid #edbd7d', marginBottom: '10px', width: '300px', maxWidth: '300px', minWidth: '300px' }} type="password" id="password" value={password} onChange={(e) => setPassword(e.target.value)} autoComplete="current-password" />
|
||||
</div>
|
||||
|
||||
<Button look="flat" type="submit" style={{ padding: '0 20px' }}>Login</Button>
|
||||
<div style={{ textAlign: 'center' }}>
|
||||
<Button look="flat" type="submit" style={{ padding: '0 20px' }}>Login</Button>
|
||||
</div>
|
||||
<div>
|
||||
<NotificationGroup style={{ textAlign: 'center' }}>
|
||||
{error && (<Notification type={{ style: 'error', icon: true }} closeable={true} onClose={() => setError('')}>
|
||||
@@ -48,7 +51,7 @@ const LoginComponent = ({ onLogin }) => {
|
||||
</NotificationGroup>
|
||||
</div>
|
||||
</form>
|
||||
</>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
Reference in New Issue
Block a user