|
|
|
@ -15,22 +15,24 @@ import { ProfileAvatar } from './EditProfileDialog';
|
|
|
|
|
const StyledAvatarContainer = styled.div`
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const StyledUploadButton = styled.div`
|
|
|
|
|
background-color: var(--chat-buttons-background-color);
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
const UploadImageButton = () => {
|
|
|
|
|
return (
|
|
|
|
|
<div style={{ position: 'relative' }}>
|
|
|
|
|
<div style={{ borderRadius: '50%', overflow: 'hidden' }}>
|
|
|
|
|
<SessionIconButton
|
|
|
|
|
iconType="thumbnail"
|
|
|
|
|
iconSize={80}
|
|
|
|
|
iconPadding="16px"
|
|
|
|
|
backgroundColor="var(--chat-buttons-background-color)"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<StyledUploadButton>
|
|
|
|
|
<SessionIconButton iconType="thumbnail" iconSize={80} iconPadding="16px" />
|
|
|
|
|
</StyledUploadButton>
|
|
|
|
|
<SessionIconButton
|
|
|
|
|
iconType="plusFat"
|
|
|
|
|
iconSize="medium"
|
|
|
|
|
iconSize={23}
|
|
|
|
|
iconColor="var(--modal-background-content-color)"
|
|
|
|
|
iconPadding="4.5px"
|
|
|
|
|
iconPadding="5px"
|
|
|
|
|
borderRadius="50%"
|
|
|
|
|
backgroundColor="var(--primary-color)"
|
|
|
|
|
style={{ position: 'absolute', bottom: 0, right: 0 }}
|
|
|
|
|