/
githubmirror
/
client
Обзор
Документация
Войти
/
githubmirror
/
client
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
shared/teams/team/rows/menu-header.tsx
46 строк
1 KB
chrisnojima
refactor(styles): theme via hooks, no android remount (#29515)
08 авг 2026, 02:24
Не верифицирован
08 авг 2026, 02:24
a41d38e
Код
Авторство
О чём код?
import type * as React from 'react' import * as Kb from '@/common-adapters' export type Props = { username: string fullName?: React.ReactNode label?: React.ReactNode } const MenuHeader = (props: Props) => { const styles = useStyles() return ( <Kb.Box2 direction="vertical" fullWidth={true} alignItems="center" style={styles.header}> <Kb.Avatar username={props.username} size={64} style={styles.avatar} /> <Kb.ConnectedUsernames type="BodyBold" colorFollowing={true} usernames={props.username} /> {!!props.fullName && ( <Kb.Text type="BodySmall" center={true}> {props.fullName} </Kb.Text> )} {!!props.label && typeof props.label === 'string' ? ( <Kb.Text type="BodySmall">{props.label}</Kb.Text> ) : ( props.label )} </Kb.Box2> ) } const useStyles = Kb.Styles.createStyleHook(() => ({ avatar: { marginBottom: Kb.Styles.globalMargins.tiny, }, header: Kb.Styles.platformStyles({ isElectron: { padding: Kb.Styles.globalMargins.small, }, isMobile: Kb.Styles.padding( Kb.Styles.globalMargins.medium, Kb.Styles.globalMargins.tiny, Kb.Styles.globalMargins.small ), }), })) export default MenuHeader