Redesign complete. Not much UI changes

This commit is contained in:
AG
2025-10-11 19:10:58 +03:00
parent 9bbd690f40
commit f42bac001d
20 changed files with 425 additions and 64 deletions

View File

@@ -39,9 +39,8 @@ const DesireForm: React.FC<DesireFormProps> = ({ onSubmit }) => {
return (
<Box component="form" onSubmit={handleSubmit} sx={{ mt: 3 }}>
<Typography variant="h6" gutterBottom>What you WANT</Typography>
<Typography variant="h6" gutterBottom>What You Want</Typography>
<TextField
label="List items you want (one per line)"
multiline
rows={4}
fullWidth
@@ -49,12 +48,11 @@ const DesireForm: React.FC<DesireFormProps> = ({ onSubmit }) => {
onChange={(e) => setWants(e.target.value)}
margin="normal"
inputProps={{ maxLength: 500 }}
helperText={`${wants.length}/500`}
helperText={`Enter items you want, one per line. Max 500 characters per item. ${wants.length}/500`}
/>
<Typography variant="h6" gutterBottom sx={{ mt: 4 }}>What you ACCEPT</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 4 }}>What You Accept</Typography>
<TextField
label="List items you accept (one per line)"
multiline
rows={4}
fullWidth
@@ -62,12 +60,11 @@ const DesireForm: React.FC<DesireFormProps> = ({ onSubmit }) => {
onChange={(e) => setAccepts(e.target.value)}
margin="normal"
inputProps={{ maxLength: 500 }}
helperText={`${accepts.length}/500`}
helperText={`Enter items you accept, one per line. Max 500 characters per item. ${accepts.length}/500`}
/>
<Typography variant="h6" gutterBottom sx={{ mt: 4 }}>What you DO NOT WANT</Typography>
<Typography variant="h6" gutterBottom sx={{ mt: 4 }}>What You Do Not Want</Typography>
<TextField
label="List items you absolutely do not want (one per line)"
multiline
rows={4}
fullWidth
@@ -75,7 +72,7 @@ const DesireForm: React.FC<DesireFormProps> = ({ onSubmit }) => {
onChange={(e) => setNoGoes(e.target.value)}
margin="normal"
inputProps={{ maxLength: 500 }}
helperText={`${noGoes.length}/500`}
helperText={`Enter items you absolutely do not want, one per line. Max 500 characters per item. ${noGoes.length}/500`}
/>
<Button