Package updates in preparation for team issues.

Author: seanmarcia

.eslintrc.json

@@ -10,11 +10,10 @@ on:
 
   # Allows you to trigger this workflow from another workflow
   workflow_call:
-  
-  # Cron schedule, everyday at midnight   
-  schedule:
-    - cron: '0 */6 * * *'
 
+  # Cron schedule, every 6 hours
+  schedule:
+    - cron: "0 */6 * * *"
 
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
@@ -37,7 +36,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "20"
+          node-version: "22"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v2
@@ -68,9 +67,9 @@ jobs:
         with:
           commit_message: update generated.json [skip actions]
           branch: deploy
-          file_pattern: 'generated.json'
+          file_pattern: "generated.json"
           skip_checkout: true
-          push_options: '--force'
+          push_options: "--force"
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3.0.1
         with:

.github/workflows/deploy.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v3
         with:
-          node-version: "20"
+          node-version: "22"
           cache: ${{ steps.detect-package-manager.outputs.manager }}
       - name: Setup Pages
         uses: actions/configure-pages@v2

.github/workflows/pr.yml

@@ -1,4 +1 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 npm run lint

.husky/pre-commit

@@ -14,6 +14,7 @@ export const Header = () => {
               width={144}
               height={32}
               alt="For Good First Issue logo"
+              style={{ height: "auto" }}
             />
           </Link>
           <Button

components/Header/Header.tsx

@@ -10,9 +10,18 @@ export const LanguageFilter = ({ setSelectedLanguages, languageOptions }: Langua
     <>
       <div>
         <label className="label">Language</label>
-        <Select isMulti closeMenuOnSelect={false} className="" onChange={(selectedOptions) => setSelectedLanguages(selectedOptions.map((option) => option.value))} options={languageOptions} classNamePrefix="select" />
+        <Select
+          instanceId="language-filter"
+          isMulti
+          closeMenuOnSelect={false}
+          className=""
+          onChange={(selectedOptions) =>
+            setSelectedLanguages(selectedOptions.map((option) => option.value))
+          }
+          options={languageOptions}
+          classNamePrefix="select"
+        />
       </div>
     </>
-
   );
 };

components/LanguageFilter.tsx

@@ -1,3 +1,4 @@
+import { useId } from "react";
 import Select from "react-select";
 
 type SDGFilterProps = {
@@ -6,11 +7,13 @@ type SDGFilterProps = {
 };
 
 export const SDGFilter = ({ setSelectedTopics, topicOptions }: SDGFilterProps) => {
+  const instanceId = useId();
   return (
     <>
       <div>
         <label className="label">Sustainable Development Goal (SDG)</label>
         <Select
+          instanceId={instanceId}
           isMulti
           className=""
           options={topicOptions}

components/SDGFilter.tsx

@@ -2,7 +2,7 @@ import { Octokit } from "@octokit/core";
 import { retry } from "@octokit/plugin-retry";
 import { throttling } from "@octokit/plugin-throttling";
 import { RequestOptions } from "@octokit/types";
-import { buildSchema, GraphQLSchema, parse, validate as validateGraphQL } from "graphql";
+import { buildSchema, parse, validate as validateGraphQL } from "graphql";
 import dayjs from "dayjs";
 import fs from "fs";
 import millify from "millify";
@@ -11,7 +11,6 @@ import slugify from "slugify";
 import happycommits from "./happycommits.json";
 import {
   CountableTag as CountableTagModel,
-  Issue as IssueModel,
   Repository as RepositoryModel,
   Tag as TagModel
 } from "./types";

generate.ts

@@ -1,10 +1,12 @@
-/* eslint-disable @typescript-eslint/no-unused-vars */
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
   productionBrowserSourceMaps: true,
   trailingSlash: true,
-  output: "export"
+  output: "export",
+  images: {
+    unoptimized: true,
+  },
 }
 
 module.exports = nextConfig