change match table styles and notification styles
This commit is contained in:
@@ -149,6 +149,12 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
|
||||
<section
|
||||
className="note-textarea-wrapper"
|
||||
>
|
||||
<label
|
||||
className="note-case-label"
|
||||
htmlFor="note"
|
||||
>
|
||||
{t('text-of-the-case')}
|
||||
</label>
|
||||
<textarea
|
||||
name="note"
|
||||
className="note-textarea"
|
||||
@@ -177,7 +183,7 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
|
||||
>
|
||||
<button
|
||||
type="submit"
|
||||
className="btn-small btn-primary-small"
|
||||
className="btn-s btn-primary-small"
|
||||
disabled={isPending}
|
||||
>
|
||||
{t('submit-violation')}
|
||||
@@ -220,48 +226,41 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('status')}:</span>
|
||||
</div>
|
||||
<div className="complaint-details-content">{item.type}</div>
|
||||
</div>
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('date-of-creation')}:</span>
|
||||
</div>
|
||||
<div className="complaint-details-content">
|
||||
{item.createdAt ? `${formatDate(item.createdAt)}: ${formatDateTime(item.createdAt)}` : '---'}
|
||||
<span className="complaint-details-title">{t('Status')}: {item.type}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('date-of-update')}:</span>
|
||||
</div>
|
||||
<div className="complaint-details-content">
|
||||
{item.updatedAt ? `${formatDate(item.updatedAt)}: ${formatDateTime(item.updatedAt)}` : '---'}
|
||||
<span className="complaint-details-title">{t('date-of-creation')}: {item.createdAt ? `${formatDate(item.createdAt)}: ${formatDateTime(item.createdAt)}` : '---'}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('description')}:</span>
|
||||
<span className="complaint-details-title">{t('date-of-update')}: {item.updatedAt ? `${formatDate(item.updatedAt)}: ${formatDateTime(item.updatedAt)}` : '---'}</span>
|
||||
</div>
|
||||
<div className="complaint-details-content">{item.description}</div>
|
||||
</div>
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('amount-of-damage')}:</span>
|
||||
<span className="complaint-details-title">{t('amount-of-damage')}: {item.amount}</span>
|
||||
</div>
|
||||
<div className="complaint-details-content">{item.amount}</div>
|
||||
</div>
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('lawyer')}:</span>
|
||||
<span className="complaint-details-title">{t('lawyer')}: {item.lawyer}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="complaint-details-item">
|
||||
<div className="complaint-details-header">
|
||||
<span className="complaint-details-title">{t('description')}:
|
||||
<br />
|
||||
{item.description}
|
||||
</span>
|
||||
</div>
|
||||
<div className="complaint-details-content">{item.lawyer}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user