mirror of
https://github.com/yldio/copilot.git
synced 2024-11-11 05:40:11 +02:00
wrap Avatar to add styles
This commit is contained in:
parent
3f3e5fb371
commit
1f864d1b67
@ -1,14 +1,9 @@
|
||||
const Styled = require('styled-components');
|
||||
// const fns = require('@ui/shared/functions');
|
||||
|
||||
const {
|
||||
default: styled
|
||||
} = Styled;
|
||||
|
||||
// const {
|
||||
// remcalc
|
||||
// } = fns;
|
||||
|
||||
// Main Contonent Wrapper Styles
|
||||
module.exports = styled.article`
|
||||
`;
|
||||
|
@ -65,16 +65,20 @@ const StyledName = styled.span`
|
||||
top: -12px;
|
||||
`;
|
||||
|
||||
const EmptyButton = styled.button`
|
||||
background: none;
|
||||
border: none;
|
||||
`;
|
||||
|
||||
const StyledAvatar = styled(Avatar)`
|
||||
marginLeft: 12px;
|
||||
`;
|
||||
|
||||
const arrowPosition = {
|
||||
bottom: '100%',
|
||||
right: '10%'
|
||||
};
|
||||
|
||||
const EmptyButton = styled.button`
|
||||
background: none
|
||||
border: none
|
||||
`;
|
||||
|
||||
const Header = ({
|
||||
account = {},
|
||||
tooltip = false,
|
||||
@ -107,27 +111,20 @@ const Header = ({
|
||||
<Row>
|
||||
<Column xs={2}>
|
||||
<Link to='/'>
|
||||
<StyledLogo
|
||||
alt='Joyent'
|
||||
src={logo}
|
||||
/>
|
||||
<StyledLogo alt='Joyent' src={logo} />
|
||||
</Link>
|
||||
</Column>
|
||||
<Column
|
||||
smOffset={8.5}
|
||||
xs={1.5}
|
||||
>
|
||||
<Column smOffset={8.5} xs={1.5}>
|
||||
<StyledProfileWrapper>
|
||||
<StyledAvatarWrapper toggled={tooltip}>
|
||||
<EmptyButton onClick={handleToggleClick}>
|
||||
<StyledName>{account.name}</StyledName>
|
||||
<Avatar
|
||||
<StyledName>
|
||||
{account.name}
|
||||
</StyledName>
|
||||
<StyledAvatar
|
||||
alt={account.name}
|
||||
name={account.name}
|
||||
src={account.avatar}
|
||||
style={{
|
||||
marginLeft: '12px'
|
||||
}}
|
||||
/>
|
||||
</EmptyButton>
|
||||
</StyledAvatarWrapper>
|
||||
|
Loading…
Reference in New Issue
Block a user