- 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
16 lines
628 B
TypeScript
16 lines
628 B
TypeScript
import Box from '@mui/material/Box';
|
||
import { Heading, Text } from '@moex-vibe/design-system';
|
||
|
||
export function HomePage() {
|
||
return (
|
||
<Box textAlign="center" pt={30}>
|
||
<Heading level={1} size="display">
|
||
MoexVibe
|
||
</Heading>
|
||
<Text tone="secondary">Анализ акций и облигаций Московской биржи</Text>
|
||
<Text tone="muted">Введите название или тикер в строку поиска выше</Text>
|
||
<Text tone="muted">Данные задерживаются на 15 минут · Бесплатный API MOEX ISS</Text>
|
||
</Box>
|
||
);
|
||
}
|