bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Build [v1.14.24]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:04:02 +03:00
parent 33c1555d8c
commit 3257a2cf48
50 changed files with 837 additions and 845 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/components/CreateUserModal.tsx
View File

@@ -71,13 +71,13 @@ export default function CreateUserModal({ show, onClose, onUserCreated }: Create
return (
<div data-testid="create-user-modal" className="fixed inset-0 z-50 flex items-center justify-center bg-black/40">
<div className="bg-surface border border-slate-800 rounded-lg shadow-xl max-w-sm w-full mx-4">
<div className="bg-surface border border-outline/30 shadow-xl max-w-sm w-full mx-4">
{/* Header */}
<div className="flex items-center justify-between p-6 border-b border-slate-800">
<h2 className="text-lg font-normal text-white">Create User</h2>
<div className="flex items-center justify-between p-6 border-b border-outline/30">
<h2 className="text-lg font-normal text-foreground">Create User</h2>
<button
onClick={onClose}
className="p-1 text-muted hover:text-secondary rounded focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none"
className="p-1 text-secondary hover:text-secondary focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none"
aria-label="Close"
>
<X size={20} />
@@ -101,13 +101,11 @@ export default function CreateUserModal({ show, onClose, onUserCreated }: Create
if (errors.username) setErrors({ ...errors, username: undefined });
}}
placeholder="Enter username"
className={`w-full px-3 py-2.5 bg-slate-800 border rounded text-white placeholder:text-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${
errors.username ? 'border-red-500' : 'border-slate-700'
}`}
className={`w-full px-3 py-2.5 bg-surface-container border text-foreground placeholder:text-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${ errors.username ? 'border-error' : 'border-outline-variant' }`}
disabled={loading}
/>
{errors.username && (
<p className="mt-1.5 text-sm text-red-500">{errors.username}</p>
<p className="mt-1.5 text-sm text-error">{errors.username}</p>
)}
</div>
@@ -126,13 +124,11 @@ export default function CreateUserModal({ show, onClose, onUserCreated }: Create
if (errors.password) setErrors({ ...errors, password: undefined });
}}
placeholder="Enter password"
className={`w-full px-3 py-2.5 bg-slate-800 border rounded text-white placeholder:text-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${
errors.password ? 'border-red-500' : 'border-slate-700'
}`}
className={`w-full px-3 py-2.5 bg-surface-container border text-foreground placeholder:text-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-primary ${ errors.password ? 'border-error' : 'border-outline-variant' }`}
disabled={loading}
/>
{errors.password && (
<p className="mt-1.5 text-sm text-red-500">{errors.password}</p>
<p className="mt-1.5 text-sm text-error">{errors.password}</p>
)}
</div>
@@ -142,7 +138,7 @@ export default function CreateUserModal({ show, onClose, onUserCreated }: Create
type="button"
onClick={onClose}
disabled={loading}
className="flex-1 px-4 py-2.5 text-secondary bg-slate-800 border border-slate-700 rounded font-normal hover:bg-slate-700 transition-colors disabled:opacity-50 focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none"
className="flex-1 px-4 py-2.5 text-secondary bg-surface-container border border-outline-variant font-normal hover:bg-surface-bright transition-colors disabled:opacity-50 focus-visible:ring-2 focus-visible:ring-primary focus-visible:outline-none"
>
Cancel
</button>
@@ -150,7 +146,7 @@ export default function CreateUserModal({ show, onClose, onUserCreated }: Create
type="submit"
data-testid="create-user-submit"
disabled={!isFormValid || loading}
className="flex-1 px-4 py-2.5 bg-primary text-primary-foreground rounded font-normal hover:bg-blue-600 transition-colors disabled:opacity-50 flex items-center justify-center gap-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-900 focus-visible:ring-primary focus-visible:outline-none"
className="flex-1 px-4 py-2.5 bg-primary text-primary-foreground font-normal hover:bg-primary transition-colors disabled:opacity-50 flex items-center justify-center gap-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-surface-container focus-visible:ring-primary focus-visible:outline-none"
>
{loading ? (
<>