Yadciel/taskcafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

deps: upgrade @types/react & @types/react-dom

Browse Source
This commit is contained in:
Jordan Knott
2021-09-13 12:43:39 -05:00
parent aeb97a30d8
commit d1b867db35
4 changed files with 1980 additions and 2091 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/shared/components/ProfileIcon/index.tsx
View File

@ -2,15 +2,15 @@ import React, { useRef } from 'react';
import styled from 'styled-components';
export const Container = styled.div<{ size: number | string; bgColor: string | null; backgroundURL: string | null }>`
width: ${props => props.size}px;
height: ${props => props.size}px;
width: ${(props) => props.size}px;
height: ${(props) => props.size}px;
border-radius: 9999px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
background: ${props => (props.backgroundURL ? `url(${props.backgroundURL})` : props.bgColor)};
background: ${(props) => (props.backgroundURL ? `url(${props.backgroundURL})` : props.bgColor)};
background-position: center;
background-size: contain;
`;
@ -22,6 +22,10 @@ type ProfileIconProps = {
};
const ProfileIcon: React.FC<ProfileIconProps> = ({ user, onProfileClick, size }) => {
let realSize = size;
if (size === null) {
realSize = 28;
}
const $profileRef = useRef<HTMLDivElement>(null);
return (
<Container
@ -29,7 +33,7 @@ const ProfileIcon: React.FC<ProfileIconProps> = ({ user, onProfileClick, size })
onClick={() => {
onProfileClick($profileRef, user);
}}
size={size}
size={realSize}
backgroundURL={user.profileIcon.url ?? null}
bgColor={user.profileIcon.bgColor ?? null}
>
@ -38,8 +42,4 @@ const ProfileIcon: React.FC<ProfileIconProps> = ({ user, onProfileClick, size })
);
};
ProfileIcon.defaultProps = {
size: 28,
};
export default ProfileIcon;