git_admin/dana-medical-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(booking): highlight unavailable schedule warning

Browse Source
This commit is contained in:
Dana Medical Developer 2026-10-22 13:18:31 +00:00
parent a0ba86bba3
commit 8d4aedaa09
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/scripts/test-booking-flow.mjs
View File

@ -69,6 +69,7 @@ try {
assert.equal(container.querySelector('input[type="tel"]'), null);
assert.deepEqual(times(), []);
assert.match(text(), /Выберите дату или врача/);
assert.equal(container.querySelector('.lead-modal__availability--warning'), null, 'Selection instructions must not look like an unavailable-schedule warning');
assert.deepEqual(await availableDoctorIDs(), ['1','2','3']);
await openPicker();
assert.equal(container.querySelectorAll('.doctor-picker__direction').length, 2);
@ -104,6 +105,7 @@ try {
assert.equal(pending.length, 3, 'Clearing selection must not request an all-doctors schedule');
await chooseDoctor(3);
assert.match(text(), /Свободные окна этого врача сейчас недоступны/);
assert.match(container.querySelector('.lead-modal__availability--warning').textContent, /Свободные окна этого врача сейчас недоступны/, 'The unavailable-schedule message has its own prominent warning style');
assert.deepEqual(times(), []);
assert.equal(container.querySelectorAll('.slot-chip--time').length, 0, 'Fallback cannot offer invented times');
assert.ok(container.querySelector('input[type="tel"]'));

9
web/src/components/LeadModal.css
View File

@ -293,6 +293,15 @@
color: var(--navy);
}
.lead-modal__availability--warning {
border: 1px solid #f3a398;
border-left: 4px solid var(--coral);
background: #ffe3df;
color: #92291f;
font-size: 14px;
font-weight: 600;
}
/* Расширяем окно только для реального расписания выбранного врача. */
.lead-modal--wide {
width: 920px;

2
web/src/components/LeadModal.jsx
View File

@ -292,7 +292,7 @@ export default function LeadModal({ form = 'appointment', doctor, slot, service,
) : (
<form className="lead-modal__form" onSubmit={submit} noValidate>
{form === 'appointment' && (
<p className="lead-modal__availability" role="status">
<p className="lead-modal__availability lead-modal__availability--warning" role="status">
Свободные окна этого врача сейчас недоступны для онлайн-записи. Оставьте контакты — администратор уточнит расписание.
</p>
)}