roleypoly/v3
1
0
Fork 0
mirror of https://github.com/roleypoly/roleypoly.git synced 2025-06-17 01:59:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: update prettier tab width for consistency

Browse source
This commit is contained in:
41666 2021-03-13 22:49:01 -05:00
parent a931f8c69c
commit 9b71a24e2d
247 changed files with 7224 additions and 7375 deletions
Download patch file Download diff file Expand all files Collapse all files

40
packages/design-system/atoms/avatar/Avatar.tsx
View file

@ -2,28 +2,28 @@ import React from 'react';
import { Container, Image } from './Avatar.styled';
export type AvatarProps = {
src?: string;
children?: string | React.ReactNode;
size?: number;
hash?: string;
deliberatelyEmpty?: boolean;
src?: string;
children?: string | React.ReactNode;
size?: number;
hash?: string;
deliberatelyEmpty?: boolean;
};
/** Chuldren is recommended to not be larger than 2 uppercase letters. */
export const Avatar = (props: AvatarProps) => (
<Container size={props.size} deliberatelyEmpty={props.deliberatelyEmpty}>
{props.src && props.hash && (
<Image
style={{
backgroundImage: `url(${props.src})`,
}}
/>
)}
<div>
{props.children || (
/* needs specifically &nbsp; to prevent layout issues. */
<>&nbsp;</>
)}
</div>
</Container>
<Container size={props.size} deliberatelyEmpty={props.deliberatelyEmpty}>
{props.src && props.hash && (
<Image
style={{
backgroundImage: `url(${props.src})`,
}}
/>
)}
<div>
{props.children || (
/* needs specifically &nbsp; to prevent layout issues. */
<>&nbsp;</>
)}
</div>
</Container>
);