From dc62baf8be65b645f9b331a187db075bdb8968f7 Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Thu, 25 Feb 2021 18:37:06 +0900
Subject: [PATCH] refactor: show contributors' name

---
 src/components/Contributors.tsx | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/components/Contributors.tsx b/src/components/Contributors.tsx
index 990cb46..1ca9030 100644
--- a/src/components/Contributors.tsx
+++ b/src/components/Contributors.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import useSWR from 'swr';
+import Tooltip from 'rc-tooltip';
 
 export interface IContributors {
   projectName: string;
@@ -37,15 +38,23 @@ const Contributors: React.FC = () => {
   return (
     <Container>
       {data.contributors.map((contributor) => (
-        <Item key={contributor.login}>
-          <a
-            href={contributor.profile}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Avatar src={contributor.avatar_url} alt={contributor.name} />
-          </a>
-        </Item>
+        <Tooltip
+          overlay={`${contributor.name} (${contributor.contributions.join(
+            ', '
+          )})`}
+          placement="top"
+          trigger={['hover']}
+        >
+          <Item key={contributor.login}>
+            <a
+              href={contributor.profile}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <Avatar src={contributor.avatar_url} alt={contributor.name} />
+            </a>
+          </Item>
+        </Tooltip>
       ))}
     </Container>
   );