moex/moex-vibe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
moex-vibe/docs/features/pilot-migration/tasks.md
Sergey Krylov bd33412691 feat(frontend): migrate HomePage and SearchBar to design system components 
- HomePage: replace inline styles with <Heading>, <Text>, <Box>
- SearchBar: replace <input> with <TextField>, <ul> with <Surface>,
  <li> with <Box>+<Text>+<Chip>, hardcoded hex with theme tokens
- ESLint no-restricted-imports respected via @mui/material/Box deep import
- Logic unchanged, all 111 tests pass
2026-06-21 16:57:19 +03:00

1.3 KiB
Raw Permalink Blame History

Pilot Migration — Tasks

1. HomePage

  • Заменить h1 на <Heading level={1} size="display">
  • Заменить p с text-secondary на <Text tone="secondary">
  • Заменить p с #888/#aaa на <Text tone="muted">
  • Заменить div-wrapper на <Box textAlign="center" pt={30}>
  • Удалить все inline-стили

2. SearchBar

  • Заменить <input> на <TextField label="Поиск" hiddenLabel>
  • Заменить <ul> на <Surface elevation="sm"> с positioning styles
  • Заменить loading text на <Text tone="muted">
  • Заменить empty text на <Text tone="muted">
  • Заменить <li> results на <Box> с flex layout
  • Заменить hardcoded hex на theme tokens
  • Заменить JS hover handlers на MUI sx={{ '&:hover': { bgcolor: 'action.hover' } }}
  • Заменить тип "Акция"/"Облигация" на <Chip>

3. Verification

  • npm run test:frontend — 23 suites, 111 passed
  • npm run lint -w apps/frontend — чист, 0 warnings
  • npm run build:frontend — проходит
  • ESLint no-restricted-imports не нарушен (использован @mui/material/Box deep import)