Add in text when there are no issues

components/IssueList.tsx

@@ -7,12 +7,17 @@ type IssueListProps = {
 
 export const IssuesList = ({ issues }: IssueListProps) => {
   return (
-
     <ol className="repo-item__issue-list">
-      {issues.map((issue) => (
-        <IssueItem issue={issue} key={issue.id} />
-      ))}
+      {issues.length > 0 ? (
+        issues.map((issue) => <IssueItem issue={issue} key={issue.id} />)
+      ) : (
+        <li>
+          This project does not appear to have any issues marked Help Wanted or Good First Issue. If
+          this project speaks to you, consider seeing if there are other ways to help contribute!
+          You can find more information on the project&apos;s GitHub page. It is also possible that they
+          are not using issue labels or GitHub issues to track their work.
+        </li>
+      )}
     </ol>
-
   );
 };

components/RepositoryItem.tsx

@@ -27,10 +27,7 @@ export const RepositoryItem = ({ repository }: RepositoryItemProps) => {
 
   return (
     <div className="repo-item">
-      <div
-        id={`repo-${repository.id}`}
-        onClick={() => setIsIssueOpen(!isIssueOpen)}
-      >
+      <div id={`repo-${repository.id}`} onClick={() => setIsIssueOpen(!isIssueOpen)}>
         <div>
           <RepositoryItemTopBar
             isIssueOpen={isIssueOpen}