yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-12-26 09:26:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui) Make profile icon clickable to expand header menu (#5317)

Browse Source
This commit is contained in:
Chris Collins 2022-07-01 17:45:44 -04:00 committed by GitHub
parent 4c94a7c30a
commit cb54629af4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
datahub-web-react/src/app/shared/ManageAccount.tsx
View File

@ -34,6 +34,12 @@ const DownArrow = styled(CaretDownOutlined)`
color: ${ANTD_GRAY[7]};
`;
const DropdownWrapper = styled.div`
align-items: center;
cursor: pointer;
display: flex;
`;
interface Props {
urn: string;
pictureLink?: string;
@ -102,12 +108,12 @@ export const ManageAccount = ({ urn: _urn, pictureLink: _pictureLink, name }: Pr
);
return (
<>
<CustomAvatar photoUrl={_pictureLink} style={{ marginRight: 4 }} name={name} />
<Dropdown overlay={menu} trigger={['click']}>
<Dropdown overlay={menu} trigger={['click']}>
<DropdownWrapper>
<CustomAvatar photoUrl={_pictureLink} style={{ marginRight: 4 }} name={name} />
<DownArrow />
</Dropdown>
</>
</DropdownWrapper>
</Dropdown>
);
};