feat: replace checkboxes with Switch component for better UI consistency
- Updated DoctorDetailPage, MySecretariesPage, RecordNumberSettingsPage, RepresentationsPage, ResourcePoolsPage, ResourceTypesPage, SecretariesPage, SecretaryDetailPage, SettingsPage, SkillsPage, SmsWalletPage, and TagsSettingsPage to use the new Switch component instead of native checkboxes. - Enhanced accessibility by ensuring the Switch component uses appropriate roles and labels. - Added tests for the new Switch component to ensure functionality and accessibility compliance. - Updated styles to accommodate the new Switch component design.
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
import React, { useEffect, useMemo, useState } from 'react';
|
||||
import { ExclamationTriangleIcon, PlusIcon, TrashIcon } from '@heroicons/react/24/outline';
|
||||
import { useResourceCalendar } from '../../hooks/useResourceCalendar';
|
||||
import Switch from '../ui/Switch';
|
||||
import { formatNumber } from '../../lib/utils';
|
||||
|
||||
/** ۰ = شنبه — همان قرارداد بکاند برای روزهای هفته. */
|
||||
@@ -197,15 +198,16 @@ export default function ResourceWorkingHoursPanel({ resourceUuid, canUpdate }: {
|
||||
)}
|
||||
</label>
|
||||
|
||||
<label className="wh-eod">
|
||||
<input
|
||||
type="checkbox"
|
||||
<span className="wh-eod">
|
||||
<Switch
|
||||
inline
|
||||
checked={row.endOfDay}
|
||||
disabled={!canUpdate}
|
||||
onChange={(e) => editRange(day, index, { endOfDay: e.target.checked })}
|
||||
onChange={(v) => editRange(day, index, { endOfDay: v })}
|
||||
label="تا پایان روز"
|
||||
ariaLabel={`تا پایان روز برای شیفت ${formatNumber(index + 1)} روز ${label}`}
|
||||
/>
|
||||
تا پایان روز
|
||||
</label>
|
||||
</span>
|
||||
|
||||
{canUpdate && (
|
||||
<button
|
||||
|
||||
Reference in New Issue
Block a user