diff --git a/components/atoms/Avatar/avatar-hover-card.tsx b/components/atoms/Avatar/avatar-hover-card.tsx index 9ed11f08de..1dbfd32afd 100644 --- a/components/atoms/Avatar/avatar-hover-card.tsx +++ b/components/atoms/Avatar/avatar-hover-card.tsx @@ -10,27 +10,42 @@ import { getAvatarByUsername } from "lib/utils/github"; declare interface AvatarProps { contributor: string; repositories: number[]; + size?: "small" | "large"; } -const AvatarHoverCard = ({ contributor, repositories }: AvatarProps): JSX.Element => ( - - - - {contributor} - - - - - - - - -); +const AvatarHoverCard = ({ contributor, repositories, size = "large" }: AvatarProps): JSX.Element => { + let width = 500; + let height = 500; + + switch (size) { + case "small": + width = 35; + height = 35; + break; + default: + break; + } + + return ( + + + + {contributor} + + + + + + + + + ); +}; export default AvatarHoverCard; diff --git a/components/molecules/ContributorListTableRow/contributor-list-table-row.tsx b/components/molecules/ContributorListTableRow/contributor-list-table-row.tsx index e2bcc69a73..bb3f1f460c 100644 --- a/components/molecules/ContributorListTableRow/contributor-list-table-row.tsx +++ b/components/molecules/ContributorListTableRow/contributor-list-table-row.tsx @@ -11,6 +11,7 @@ import useContributorPullRequests from "lib/hooks/api/useContributorPullRequests import useRepoList from "lib/hooks/useRepoList"; import { useFetchUser } from "lib/hooks/useFetchUser"; import Checkbox from "components/atoms/Checkbox/checkbox"; +import AvatarHoverCard from "components/atoms/Avatar/avatar-hover-card"; import { getActivity } from "../RepoRow/repo-row"; import DevProfile from "../DevProfile/dev-profile"; @@ -155,14 +156,7 @@ const ContributorListTableRow = ({ )} {/* Column: Contributors */} -
- -
- + {/* Column: Act */}
{contributor.author_login ? getActivity(totalPrs, false) : "-"}