Mk
/
supersam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: add explicit text color to OrderDetailPanel value fields for dark theme visibility

This commit is contained in:
Codex 2026-05-18 23:56:02 +03:00
parent b9c6bb2810
commit f6bbfe1ba2
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/orders/OrderDetailPanel.jsx
View File

@ -331,19 +331,19 @@ export const OrderDetailPanel = ({
<p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]"> <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
Дата доставки Дата доставки
</p> </p>
<p className="mt-1 text-base font-medium">{formatDeliveryDateDisplay(order.deliveryDate)}</p> <p className="mt-1 text-base font-medium text-[var(--color-text)]">{formatDeliveryDateDisplay(order.deliveryDate)}</p>
</div> </div>
<div> <div>
<p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]"> <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
Время доставки Время доставки
</p> </p>
<p className="mt-1 text-base font-medium">{renderValue(order.deliveryTime || order.deliveryHalfDay)}</p> <p className="mt-1 text-base font-medium text-[var(--color-text)]">{renderValue(order.deliveryTime || order.deliveryHalfDay)}</p>
</div> </div>
<div> <div>
<p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]"> <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
Водитель Водитель
</p> </p>
<p className="mt-1 text-base font-medium">{order.assignedDriverId ? renderValue(order.assignedDriverName) : "Не назначен"}</p> <p className="mt-1 text-base font-medium text-[var(--color-text)]">{order.assignedDriverId ? renderValue(order.assignedDriverName) : "Не назначен"}</p>
</div> </div>
<div> <div>
<p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]"> <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
@ -360,42 +360,42 @@ export const OrderDetailPanel = ({
<p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]"> <p className="text-xs font-semibold uppercase tracking-[0.14em] text-[var(--color-text-muted)]">
Адрес доставки Адрес доставки
</p> </p>
<p className="mt-1 text-base font-medium">{renderValue(order.deliveryAddress)}</p> <p className="mt-1 text-base font-medium text-[var(--color-text)]">{renderValue(order.deliveryAddress)}</p>
</div> </div>
</div> </div>
<div className="grid gap-x-4 gap-y-2 grid-cols-2 md:grid-cols-4"> <div className="grid gap-x-4 gap-y-2 grid-cols-2 md:grid-cols-4">
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Номер счёта</p> <p className="text-xs text-[var(--color-text-muted)]">Номер счёта</p>
<p className="font-medium">{renderValue(order.orderNumberSummary)}</p> <p className="font-medium text-[var(--color-text)]">{renderValue(order.orderNumberSummary)}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Клиент</p> <p className="text-xs text-[var(--color-text-muted)]">Клиент</p>
<p className="font-medium">{renderValue(order.customerName)}</p> <p className="font-medium text-[var(--color-text)]">{renderValue(order.customerName)}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Дата счёта</p> <p className="text-xs text-[var(--color-text-muted)]">Дата счёта</p>
<p className="font-medium">{renderValue(order.customerDate)}</p> <p className="font-medium text-[var(--color-text)]">{renderValue(order.customerDate)}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Всего заказов</p> <p className="text-xs text-[var(--color-text-muted)]">Всего заказов</p>
<p className="font-medium">{order.ordersCount ?? 0}</p> <p className="font-medium text-[var(--color-text)]">{order.ordersCount ?? 0}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Готово</p> <p className="text-xs text-[var(--color-text-muted)]">Готово</p>
<p className="font-medium">{order.readyCount ?? 0}</p> <p className="font-medium text-[var(--color-text)]">{order.readyCount ?? 0}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Не готово</p> <p className="text-xs text-[var(--color-text-muted)]">Не готово</p>
<p className="font-medium">{order.notReadyCount ?? 0}</p> <p className="font-medium text-[var(--color-text)]">{order.notReadyCount ?? 0}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Обновлена</p> <p className="text-xs text-[var(--color-text-muted)]">Обновлена</p>
<p className="font-medium">{formatDateTime(order.updatedAt)}</p> <p className="font-medium text-[var(--color-text)]">{formatDateTime(order.updatedAt)}</p>
</div> </div>
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Статус доставки</p> <p className="text-xs text-[var(--color-text-muted)]">Статус доставки</p>
<p className="font-medium">{getOrderGroupDeliveryStatusLabel(order.deliveryStatus || order.delivery_status)}</p> <p className="font-medium text-[var(--color-text)]">{getOrderGroupDeliveryStatusLabel(order.deliveryStatus || order.delivery_status)}</p>
</div> </div>
</div> </div>
</Panel> </Panel>
@ -661,29 +661,29 @@ export const OrderDetailPanel = ({
{order.firstSmsSentAt ? ( {order.firstSmsSentAt ? (
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">1-е SMS отправлено</p> <p className="text-xs text-[var(--color-text-muted)]">1-е SMS отправлено</p>
<p className="mt-1 font-medium">{formatDateTime(order.firstSmsSentAt)}</p> <p className="mt-1 font-medium text-[var(--color-text)]">{formatDateTime(order.firstSmsSentAt)}</p>
</div> </div>
) : null} ) : null}
{order.secondSmsSentAt ? ( {order.secondSmsSentAt ? (
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">2-е SMS отправлено</p> <p className="text-xs text-[var(--color-text-muted)]">2-е SMS отправлено</p>
<p className="mt-1 font-medium">{formatDateTime(order.secondSmsSentAt)}</p> <p className="mt-1 font-medium text-[var(--color-text)]">{formatDateTime(order.secondSmsSentAt)}</p>
</div> </div>
) : null} ) : null}
{!order.firstSmsSentAt && !order.secondSmsSentAt ? ( {!order.firstSmsSentAt && !order.secondSmsSentAt ? (
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">SMS отправлено</p> <p className="text-xs text-[var(--color-text-muted)]">SMS отправлено</p>
<p className="mt-1 font-medium">Нет</p> <p className="mt-1 font-medium text-[var(--color-text)]">Нет</p>
</div> </div>
) : null} ) : null}
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Ручное согласование выполнено</p> <p className="text-xs text-[var(--color-text-muted)]">Ручное согласование выполнено</p>
<p className="mt-1 font-medium">{order.manualConfirmationAt ? formatDateTime(order.manualConfirmationAt) : "Нет"}</p> <p className="mt-1 font-medium text-[var(--color-text)]">{order.manualConfirmationAt ? formatDateTime(order.manualConfirmationAt) : "Нет"}</p>
</div> </div>
{order.createdFromExchangeAt ? ( {order.createdFromExchangeAt ? (
<div> <div>
<p className="text-xs text-[var(--color-text-muted)]">Создано из обмена</p> <p className="text-xs text-[var(--color-text-muted)]">Создано из обмена</p>
<p className="mt-1 font-medium">{formatDateTime(order.createdFromExchangeAt)}</p> <p className="mt-1 font-medium text-[var(--color-text)]">{formatDateTime(order.createdFromExchangeAt)}</p>
</div> </div>
) : null} ) : null}
</div> </div>