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:
2025-09-28 10:47:30 -05:00
parent 918121cd66
commit e87a8153c9
24 changed files with 1007 additions and 410 deletions

View File

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