hamedandClaude Opus 5
519de26839
Tailwind was configured with darkMode: "class" while next-themes writes data-theme="dark" on the public pages. Every dark: utility on the public site — 111 of them — compiled to a selector that never matched, which is why the booking flow stayed white in dark mode. The variant strategy now accepts both .dark (the panel) and [data-theme="dark"] (the public pages), so neither provider had to change and 66 dark rules now compile against the real attribute. The cancel and reschedule modals get tests, the first component tests in this repo. They pin the things that would be silently wrong: the penalty comes from the server before anything is cancelled, the free window says "no penalty" rather than showing a zero, confirming actually sends the request (the old dialog's confirm button only closed it), a failed preview does not block the cancellation, slots are requested with exclude_appointment_uuid so the patient's own hour is not shown as taken, and the reschedule sends only the start time because the server owns the duration. The amount assertion deliberately checks the number and unit rather than the digit shape — numberToArStyle uses the ar-AE locale and its output depends on the ICU data in the environment. lib/getStateInfo.test.js had been failing since before this work: an unknown host falls through to the representation API, so the test made a real network call and timed out after five seconds. It mocks lib/req now. The suite is fully green for the first time: 158 tests. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
41 lines
1.4 KiB
JavaScript
41 lines
1.4 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: {
|
|
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
|
|
"gradient-conic":
|
|
"conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
|
|
},
|
|
keyframes: {
|
|
spinCounter: {
|
|
from: { transform: "rotate(0deg)" },
|
|
to: { transform: "rotate(-360deg)" },
|
|
},
|
|
},
|
|
animation: {
|
|
spinCounter: "spinCounter 1s linear infinite",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
/**
|
|
* دو سازوکار تم همزمان در پروژه هست و هر دو باید کار کنند:
|
|
* صفحات عمومی با `data-theme="dark"` (از `next-themes` با `attribute="data-"`)
|
|
* و پنل با کلاس `.dark`.
|
|
*
|
|
* تا امروز فقط `class` تعریف شده بود، پس **همهٔ `dark:`های صفحات عمومی هرگز اجرا
|
|
* نمیشدند** — جریان رزرو در دارکمود سفید میماند. استراتژی `variant` هر دو را
|
|
* میپذیرد و هیچکدام را عوض نمیکند.
|
|
*/
|
|
darkMode: [
|
|
"variant",
|
|
["&:where(.dark, .dark *)", '&:where([data-theme="dark"], [data-theme="dark"] *)'],
|
|
],
|
|
};
|