feat(comments): Add number of comments to search result (#65)

trybick · Oct 17, 2020 · 33ccada · 33ccada
1 parent 02930f3
commit 33ccada
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/src/components/search/SearchResult.jsx b/src/components/search/SearchResult.jsx
@@ -11,6 +11,7 @@ export const SearchResult = ({
   userName,
   repoName,
   issueAge,
+  comments,
   labels,
 }) => {
   const [hasBeenClicked, setClicked] = useState(false);
@@ -40,6 +41,7 @@ export const SearchResult = ({
         <div className="metadata">
           <div>{`${userName}/${repoName}`}</div>
           <div className="issue-age">{issueAge}</div>
+          <div className="comments">{`Comments ${comments}`}</div>
         </div>
 
         <div className="label-chips">{labelChips}</div>

diff --git a/src/components/search/SearchResult.scss b/src/components/search/SearchResult.scss
@@ -51,5 +51,12 @@
     .label-chips {
       margin: 5px 0 5px;
     }
+
+    .comments{
+      font-size: 0.7rem;
+      margin-top: -8px;
+      display: inline;
+      float: right;
+    }
   }
 }
diff --git a/src/components/search/SearchResultsContainer.jsx b/src/components/search/SearchResultsContainer.jsx
@@ -22,6 +22,7 @@ const SearchResultsContainer = ({ currentPage, onPageChange, results }) => {
     results.items[0] &&
     results.items.map(item => {
       const htmlUrl = item.html_url.split('/');
+      const comments = item.comments;
       const userName = htmlUrl[3];
       const repoName = htmlUrl[4];
       const issueAge = moment(item.created_at).fromNow();
@@ -46,6 +47,7 @@ const SearchResultsContainer = ({ currentPage, onPageChange, results }) => {
           bodyText={bodyText}
           userName={userName}
           repoName={repoName}
+          comments={comments}
           issueAge={issueAge}
           labels={item.labels}
         />