Lint

components/HeroContainer.tsx

@@ -2,7 +2,12 @@ import { GitHubIcon } from "./GitHubIcon";
 import { HappyCommitsInfo } from "./HappyCommitsInfo";
 import { BinaryCode } from "./BinaryCode";
 
-export const HeroContainer = ({filter, setFilter}) => {
+type FilterProps = {
+  filter: string;
+  setFilter: (filter: string) => void;
+};
+
+export const HeroContainer = ({filter, setFilter}: FilterProps) => {
   return (
     <>
       <div

components/IssueItem.tsx

@@ -1,25 +1,9 @@
-import { faComment } from "@fortawesome/free-regular-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-
 import { Issue } from "../types";
 
 type IssueItemProps = {
   issue: Issue;
 };
 
-type IssueCommentNumProps = {
-  numIssues: number;
-};
-
-// const IssueCommentNum = ({ numIssues }: IssueCommentNumProps) => {
-//   return (
-//     <div className="flex flex-row items-center justify-end mt-1 w-10">
-//       <span className="mr-2 text-sm leading-snug">{numIssues}</span>
-//       <FontAwesomeIcon icon={faComment} />
-//     </div>
-//   );
-// };
-
 export const IssueItem = ({ issue }: IssueItemProps) => {
   return (
     <li key={issue.url} className="px-6 py-2 bg-white justify-start items-start gap-4 inline-flex">
@@ -35,7 +19,6 @@ export const IssueItem = ({ issue }: IssueItemProps) => {
         >
           {issue.title}
         </a>
-        {/* {issue.comments_count > 0 && <IssueCommentNum numIssues={issue.comments_count} />} */}
       </div>
     </li>
   );

components/RepositoryMetadata.tsx

@@ -5,14 +5,12 @@ type RepositoryMetadataProps = {
   repositoryNumIssues: number;
   lastModified: Repository["last_modified"];
   repositoryLang: Repository["language"]["display"];
-  repositoryTopics: Repository["topics"];
 };
 
 export const RepositoryMetadata = ({
   repositoryNumIssues,
   lastModified,
-  repositoryLang,
-  repositoryTopics
+  repositoryLang
 }: RepositoryMetadataProps) => {
   return (
     <div className="justify-start items-start gap-6 inline-flex">