Narrowed down avatar sizes

This commit is contained in:
Alvaro 2022-12-09 13:37:45 -07:00 committed by GitHub
parent 07f7fa93d6
commit 3a246656e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
30 changed files with 61 additions and 69 deletions

View file

@ -5,7 +5,7 @@ import * as React from 'react';
import classNames from 'classnames';
import type { Props as AvatarProps } from './Avatar';
import { Avatar } from './Avatar';
import { Avatar, AvatarSize } from './Avatar';
import { useRestoreFocus } from '../hooks/useRestoreFocus';
import type { LocalizerType, ThemeType } from '../types/Util';
@ -26,7 +26,7 @@ export type Props = {
innerRef?: React.Ref<HTMLDivElement>;
style: React.CSSProperties;
name?: string;
} & Omit<AvatarProps, 'onClick'>;
} & Omit<AvatarProps, 'onClick' | 'size'>;
export function AvatarPopup(props: Props): JSX.Element {
const {
@ -58,7 +58,7 @@ export function AvatarPopup(props: Props): JSX.Element {
ref={focusRef}
type="button"
>
<Avatar {...props} size={52} />
<Avatar {...props} size={AvatarSize.FORTY_EIGHT} />
<div className="module-avatar-popup__profile__text">
<div className="module-avatar-popup__profile__name">
<Emojify text={profileName || title} />