Tria/emaui
1
0
Fork 0
mirror of https://github.com/Tria-plc/emaui.git synced 2026-09-07 14:15:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: replace Paper with Modal in CertificationPage, ConfigurationPage, ExamPage, and QuestionPage for consistent UI

Browse Source
This commit is contained in:
estifanos
2026-08-12 07:55:43 +00:00
parent d0bbfe30d1
commit 7c9f78c680
4 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
apps/backoffice/src/app/features/certification/pages/CertificationPage.tsx
View File

@@ -10,7 +10,6 @@ import {
Text,
TextInput,
Textarea,
Paper,
Card,
Alert,
} from '@mantine/core';
@@ -53,20 +52,20 @@ function CertificationForm({
};
return (
<Paper p="md" withBorder mb="md" radius="md">
<Modal opened onClose={onCancel} title={editing ? t('certification.update') : t('certification.add')} size="md">
<form onSubmit={handleSubmit}>
<Stack gap="sm">
<TextInput label={t('certification.form.nameEn')} placeholder={t('certification.form.nameEnPlaceholder')} value={nameEn} onChange={(e) => setNameEn(e.currentTarget.value)} size="sm" required />
<TextInput label={t('certification.form.nameAm')} placeholder={t('certification.form.nameAmPlaceholder')} value={nameAm} onChange={(e) => setNameAm(e.currentTarget.value)} size="sm" required />
<Textarea label={t('certification.form.descEn')} placeholder={t('certification.form.descEnPlaceholder')} value={descEn} onChange={(e) => setDescEn(e.currentTarget.value)} size="sm" autosize minRows={2} />
<Textarea label={t('certification.form.descAm')} placeholder={t('certification.form.descAmPlaceholder')} value={descAm} onChange={(e) => setDescAm(e.currentTarget.value)} size="sm" autosize minRows={2} />
<Group justify="flex-end">
<ModalFooter>
<Button variant="default" onClick={onCancel} size="sm">{t('certification.cancel')}</Button>
<Button type="submit" size="sm" loading={isSubmitting}>{editing ? t('certification.update') : t('certification.create')}</Button>
</Group>
</ModalFooter>
</Stack>
</form>
</Paper>
</Modal>
);
}