diff --git a/.nvmrc b/.nvmrc new file mode 100644 index 0000000..2dbbe00 --- /dev/null +++ b/.nvmrc @@ -0,0 +1 @@ +20.11.1 diff --git a/src/components/IssueGrid/IssueGrid.tsx b/src/components/IssueGrid/IssueGrid.tsx index 78b8426..aaa6d94 100644 --- a/src/components/IssueGrid/IssueGrid.tsx +++ b/src/components/IssueGrid/IssueGrid.tsx @@ -34,10 +34,12 @@ function clampIssuesPerPage({ (a, b) => parseInt(a.issue_number) - parseInt(b.issue_number) ); } - return issueList.slice( + const trimmedList = issueList.slice( (currentPage - 1) * issuesPerPage, currentPage * issuesPerPage ); + + return trimmedList; } function Issue({ id, name, image, issue_number }: ShortIssue) { @@ -51,9 +53,9 @@ function Issue({ id, name, image, issue_number }: ShortIssue) { } if (!image) { getIssue(); - console.warn("Issue", id, "is missing an image"); } - }, [image]); + }, []); + return (
  • @@ -80,7 +82,6 @@ export function IssueGrid({ issuesPerPage = 50, }: Props) { const $sortDirection = useStore($sort); - const [issues, setIssues] = useState( clampIssuesPerPage({ issuesPerPage, @@ -100,6 +101,7 @@ export function IssueGrid({ }) ); }, [issueList, currentPage, issuesPerPage, $sortDirection]); + return ( <>