/
minimus
/
simple-view
Обзор
Документация
Войти
/
minimus
/
simple-view
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
develop
js-src/admin/components/header/Header.tsx
29 строк
893 B
minimus
feat: footer, header, loader
28 июл 2026, 12:42
28 июл 2026, 12:42
2d42178
Код
Авторство
О чём код?
import React, { FC } from 'react'; import { useShallow } from 'zustand/react/shallow'; import { useMainStore } from '../../data/stories/main/mainStore'; import { PhotoLibraryIcon } from '../../images/images'; import { SysInfoContainer } from './styled'; const Header: FC = () => { const { sysInfo, localeStrings } = useMainStore(useShallow((state) => state)); const { version = '', dbVersion = '' } = sysInfo ?? {}; const { header = { version: 'Version', dbVersion: 'DB Version' } } = localeStrings ?? {}; return ( <div className="header-root"> <PhotoLibraryIcon height={36} width={36} /> <h1>Simple View</h1> {sysInfo !== null && ( <SysInfoContainer> <span>{`${header.version}: ${version}`}</span> <span>{`${header.dbVersion}: ${dbVersion}`}</span> </SysInfoContainer> )} </div> ); }; export default Header;