Skip to content

Redesign#384

Open
rodlukas wants to merge 18 commits into
masterfrom
redesign
Open

Redesign#384
rodlukas wants to merge 18 commits into
masterfrom
redesign

Conversation

@rodlukas

Copy link
Copy Markdown
Owner

No description provided.

rodlukas and others added 17 commits May 5, 2026 07:53
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
SegmentedControl with auto/light/dark options, persisted via Mantine's
built-in localStorage manager (mantine-color-scheme key).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Bank: replace hardcoded green.1/red.1/yellow.1 Mantine shades with
  light-dark() CSS classes for title and today-row backgrounds
- DashboardDay: fix blue.2 today header → indigo light-dark(), reduce
  lecture heading dark overlay from 0.28 to 0.18
- Applications: redesign course section headers from heavy full-color
  banners to subtle light bg + 4px colored left border accent
- Heading: increase bottom margin from md(16px) to lg(24px)
- Diary: add marginTop to weekGrid for better header separation
- Statistics: increase sectionTightTop from 0.2rem to 0.5rem
- Card: lighten lectureFuture/Prepaid dark mode from yellow/green-9 to -8,
  reduce courseHeadingItem overlay from 0.2 to 0.15

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Hlavní změny po komplexním review Mantine v9 migrace:

**Design system / tokeny**
- Aktivovat dosud nepoužívaný theme/tokens (rename z .css.ts na .ts kvůli ambient *.css declaration)
- Rozšířit vars o radius, focusRing, text.heading, bg.muted, border.subtle/strong, borderShort
- Codemod: nahradit ~60 duplicitních light-dark(#hex,…) literálů za vars tokeny napříč 18 *.css.ts soubory

**A11y**
- Login: name, autoComplete, aria-label na TextInputech (browser autocomplete + screen readers)
- EditButton, Bank refresh: aria-label pro icon-only buttony (Tooltip ho nepřidává automaticky)
- Loading: role=status, aria-live=polite, aria-busy
- SubmitButton: nahradit FontAwesome spinner Mantine Button loading propem + aria-busy
- nav: aria-label "Hlavní navigace"
- Table.Th: scope=col jako theme default

**Color scheme manager**
- Explicitní localStorageColorSchemeManager s key "mantine-color-scheme"
  (Mantine v9 default je jiný klíč, takže persistence po reload nefungovala)

**Inline styly (z 66 na 4 legitimní dynamic colors)**
- Nový global/utility.css.ts s reusable utility classes (nowrap, bold, mb0, dimmedText, iconAfterText, …)
- Refactor: Main, Login, Bank, DashboardDay, Heading, ClientAnalysis, Statistics,
  Diary, Card, Settings, Applications, Clients, Groups, ErrorBoundary, queryClient,
  GroupName, ClientPhone, ClientsList, AppDate, Notification, CourseCircle,
  SelectCourse, ColorPicker

**Cleanup**
- Smazat mantine-spotlight.css workaround (webpack sideEffects:true je přímý fix)
- Odstranit Tooltip.postfix prop (8 callsites, propu komponenta ignorovala)
- Odstranit nepoužívaný getDisplayName + zbytečný React import
- CustomButton: vyhodit noop default (Mantine Button funguje s undefined onClick)
- Stale komentář "Bootstrap" ve webpack.config.js
- Opravit rozbité odsazení v package.json (řádky @FortAwesome a chroma-js)

**ESLint**
- Doplnit explicit project + node resolver pro import-resolver-typescript
  (webpack ESLint plugin context jinak neumí najít theme/tokens)

Co je zbylé pro samostatný PR (vyšší riziko refactoru):
- Vystěhovat globalStyle(".mantine-…") overrides v FormBase.css.ts a index.css.ts
  do theme.components.X.styles
- Sjednotit 8 různých radius hodnot na var(--mantine-radius-{sm,md,lg})

Verifikováno: tsc, ESLint+Prettier, vitest 32/32, runtime na localhost:8000.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@sonarqubecloud

Copy link
Copy Markdown

@sonarqubecloud

Copy link
Copy Markdown

@codecov

codecov Bot commented Jun 11, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 90.18%. Comparing base (e99c3e8) to head (c914600).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master     #384   +/-   ##
=======================================
  Coverage   90.18%   90.18%           
=======================================
  Files          17       17           
  Lines        1161     1161           
=======================================
  Hits         1047     1047           
  Misses        114      114           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant