Jayden/AFFiNE-Mirror
0
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-07-24 13:58:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

test: add test case for upload image (#1250)

Browse Source
This commit is contained in:
Himself65
2023-03-01 23:51:15 -06:00
committed by GitHub
parent e5a6fd8f6c
commit f34a64a82a
7 changed files with 60 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/pure/workspace-avatar/index.tsx
+15 -9
View File
@@ -12,16 +12,17 @@ interface AvatarProps {
}
export const Avatar: React.FC<AvatarProps> = React.memo<AvatarProps>(
function Avatar(props) {
const size = props.size || 20;
function Avatar({ size: _size, avatar_url, style, name, ...props }) {
const size = _size || 20;
const sizeStr = size + 'px';
return (
<>
{props.avatar_url ? (
{avatar_url ? (
<div
{...props}
style={{
...props.style,
...style,
width: sizeStr,
height: sizeStr,
color: '#fff',
@@ -34,7 +35,7 @@ export const Avatar: React.FC<AvatarProps> = React.memo<AvatarProps>(
<picture>
<img
style={{ width: sizeStr, height: sizeStr }}
src={props.avatar_url}
src={avatar_url}
alt=""
referrerPolicy="no-referrer"
/>
@@ -42,14 +43,15 @@ export const Avatar: React.FC<AvatarProps> = React.memo<AvatarProps>(
</div>
) : (
<div
{...props}
style={{
...props.style,
...style,
width: sizeStr,
height: sizeStr,
border: '1px solid #fff',
color: '#fff',
fontSize: Math.ceil(0.5 * size) + 'px',
background: stringToColour(props.name || 'AFFiNE'),
background: stringToColour(name || 'AFFiNE'),
borderRadius: '50%',
textAlign: 'center',
lineHeight: size + 'px',
@@ -57,7 +59,7 @@ export const Avatar: React.FC<AvatarProps> = React.memo<AvatarProps>(
verticalAlign: 'middle',
}}
>
{(props.name || 'AFFiNE').substring(0, 1)}
{(name || 'AFFiNE').substring(0, 1)}
</div>
)}
</>
@@ -82,10 +84,12 @@ export const BlockSuiteWorkspaceAvatar: React.FC<BlockSuiteWorkspaceAvatar> = ({
size = 20,
workspace,
style,
...props
}) => {
const avatarURL = useWorkspaceBlobImage(workspace.meta.avatar, workspace);
return (
<Avatar
{...props}
size={size}
name={workspace.meta.name}
avatar_url={avatarURL ?? ''}
@@ -110,5 +114,7 @@ export const WorkspaceAvatar: React.FC<WorkspaceUnitAvatarProps> = ({
/>
);
}
return <Avatar size={size} name="UNKNOWN" avatar_url="" style={style} />;
return (
<Avatar {...props} size={size} name="UNKNOWN" avatar_url="" style={style} />
);
};