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 => (
-
-
-
-
-
-
-
-
-
-
-
-
-);
+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 (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
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) : "-"}