Function EmailSuffixField

src/Components/Auth/AuthShared.jsx:64–93

({value, onChange, suffix, onSuffixChange})

const SUFFIXES = ['@shanghaitech.edu.cn', '@alumni.shanghaitech.edu.cn'];

export function EmailSuffixField({value, onChange, suffix, onSuffixChange}) {
    return (
        <>
            <TextField
                fullWidth
                size='small'
                variant='outlined'
                label='上科大邮箱'
                id='username'
                name='username'
                value={value}
                onChange={onChange}
                required
            />
            <TextField
                select
                fullWidth
                size='small'
                variant='outlined'
                label='邮箱后缀'
                id='suffix'
                name='suffix'
                value={suffix}
                onChange={onSuffixChange}
            >
                {SUFFIXES.map((s) => <MenuItem key={s} value={s}>{s}</MenuItem>)}
            </TextField>
        </>
    );
}

export function PasswordField({label, ...props}) {
    const [show, setShow] = useState(false);