mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Narrowed down avatar sizes

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
ts/components/conversation/ContactModal.tsx
View file

@ -15,7 +15,7 @@ import type { ViewUserStoriesActionCreatorType } from '../../state/ducks/stories
import { StoryViewModeType } from '../../types/Stories';
import * as log from '../../logging/log';
import { About } from './About';
import { Avatar } from '../Avatar';
import { Avatar, AvatarSize } from '../Avatar';
import { AvatarLightbox } from '../AvatarLightbox';
import { BadgeDialog } from '../BadgeDialog';
import { ConfirmationDialog } from '../ConfirmationDialog';
@ -196,7 +196,7 @@ export function ContactModal({
onClickBadge={() => setView(ContactModalView.ShowingBadges)}
profileName={contact.profileName}
sharedGroupNames={contact.sharedGroupNames}
size={96}
size={AvatarSize.EIGHTY}
storyRing={hasStories}
theme={theme}
title={contact.title}

2
ts/components/conversation/ContactSpoofingReviewDialogPerson.tsx
View file

@ -41,7 +41,7 @@ export function ContactSpoofingReviewDialogPerson({
{...conversation}
badge={getPreferredBadge(conversation.badges)}
conversationType={conversation.type}
size={AvatarSize.FIFTY_TWO}
size={AvatarSize.FORTY_EIGHT}
className="module-ContactSpoofingReviewDialogPerson__avatar"
i18n={i18n}
theme={theme}

4
ts/components/conversation/ConversationHero.tsx
View file

@ -3,7 +3,7 @@
import React, { useEffect, useState } from 'react';
import type { Props as AvatarProps } from '../Avatar';
import { Avatar, AvatarBlur } from '../Avatar';
import { Avatar, AvatarSize, AvatarBlur } from '../Avatar';
import { ContactName } from './ContactName';
import { About } from './About';
import { GroupDescription } from './GroupDescription';
@ -180,7 +180,7 @@ export function ConversationHero({
onClick={avatarOnClick}
profileName={profileName}
sharedGroupNames={sharedGroupNames}
size={112}
size={AvatarSize.EIGHTY}
// user may have stories, but we don't show that on Note to Self conversation
storyRing={isMe ? undefined : hasStories}
theme={theme}

2
ts/components/conversation/MessageDetail.tsx
View file

@ -156,7 +156,7 @@ export class MessageDetail extends React.Component<Props> {
theme={theme}
title={title}
sharedGroupNames={sharedGroupNames}
size={AvatarSize.THIRTY_SIX}
size={AvatarSize.THIRTY_TWO}
unblurredAvatarPath={unblurredAvatarPath}
/>
);

4
ts/components/conversation/conversation-details/ConversationDetailsGroups.tsx
View file

@ -7,7 +7,7 @@ import type {
ShowConversationType,
} from '../../../state/ducks/conversations';
import type { LocalizerType } from '../../../types/Util';
import { Avatar } from '../../Avatar';
import { Avatar, AvatarSize } from '../../Avatar';
import { ConversationDetailsIcon, IconType } from './ConversationDetailsIcon';
import { PanelRow } from './PanelRow';
import { PanelSection } from './PanelSection';
@ -60,7 +60,7 @@ export function ConversationDetailsGroups({
conversationType="group"
badge={undefined}
i18n={i18n}
size={32}
size={AvatarSize.THIRTY_TWO}
{...group}
/>
}

4
ts/components/conversation/conversation-details/ConversationDetailsHeader.tsx
View file

@ -4,7 +4,7 @@
import type { ReactNode } from 'react';
import React, { useState } from 'react';
import { Avatar } from '../../Avatar';
import { Avatar, AvatarSize } from '../../Avatar';
import { AvatarLightbox } from '../../AvatarLightbox';
import type { ConversationType } from '../../../state/ducks/conversations';
import { Emojify } from '../Emojify';
@ -89,7 +89,7 @@ export function ConversationDetailsHeader({
badge={preferredBadge}
conversationType={conversation.type}
i18n={i18n}
size={80}
size={AvatarSize.EIGHTY}
{...conversation}
noteToSelf={isMe}
onClick={() => {

4
ts/components/conversation/conversation-details/ConversationDetailsMembershipList.tsx
View file

@ -5,7 +5,7 @@ import React from 'react';
import type { LocalizerType, ThemeType } from '../../../types/Util';
import { Avatar } from '../../Avatar';
import { Avatar, AvatarSize } from '../../Avatar';
import { Emojify } from '../Emojify';
import { ConversationDetailsIcon, IconType } from './ConversationDetailsIcon';
@ -115,7 +115,7 @@ export function ConversationDetailsMembershipList({
conversationType="direct"
badge={getPreferredBadge(member.badges)}
i18n={i18n}
size={32}
size={AvatarSize.THIRTY_TWO}
theme={theme}
{...member}
/>

8
ts/components/conversation/conversation-details/PendingInvites.tsx
View file

@ -9,7 +9,7 @@ import type { ConversationType } from '../../../state/ducks/conversations';
import type { LocalizerType, ThemeType } from '../../../types/Util';
import type { PreferredBadgeSelectorType } from '../../../state/selectors/badges';
import type { UUIDStringType } from '../../../types/UUID';
import { Avatar } from '../../Avatar';
import { Avatar, AvatarSize } from '../../Avatar';
import { ConfirmationDialog } from '../../ConfirmationDialog';
import { PanelSection } from './PanelSection';
import { PanelRow } from './PanelRow';
@ -361,7 +361,7 @@ function MembersPendingAdminApproval({
<Avatar
badge={getPreferredBadge(membership.member.badges)}
conversationType="direct"
size={32}
size={AvatarSize.THIRTY_TWO}
i18n={i18n}
theme={theme}
{...membership.member}
@ -460,7 +460,7 @@ function MembersPendingProfileKey({
<Avatar
badge={getPreferredBadge(membership.member.badges)}
conversationType="direct"
size={32}
size={AvatarSize.THIRTY_TWO}
i18n={i18n}
theme={theme}
{...membership.member}
@ -496,7 +496,7 @@ function MembersPendingProfileKey({
<Avatar
badge={getPreferredBadge(member.badges)}
conversationType="direct"
size={32}
size={AvatarSize.THIRTY_TWO}
i18n={i18n}
theme={theme}
{...member}