Create GitHub action to check pull requests

.github/workflows/pull-request.yml

@@ -0,0 +1,23 @@
+name: Check the pull request
+
+on: pull_request
+
+jobs:
+  check-pull-request:
+    name: Check code styling and run tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v4
+      - name: Use the correct Node.js version
+        uses: actions/setup-node@v4
+        with:
+          node-version: "18.17.1"
+      - name: Install dependencies
+        run: npm ci
+      - name: Run ESLint
+        run: npm run lint
+      - name: Run Prettier
+        run: npm run prettier
+      - name: Run Jest tests
+        run: npm run test:jest

app/sitemap.ts

@@ -9,4 +9,4 @@ export default async function sitemap() {
   } catch (error) {
     Sentry.captureException(error);
   }
-}
+}

cdk/lib/app-stack.ts

@@ -28,7 +28,7 @@ export class AppStack extends cdk.Stack {
     const domainName = ssm.StringParameter.valueForStringParameter(
       this,
       `/env/domainName`,
-      1
+      1,
     );
 
     const wwwDomainName = `www.${domainName}`;
@@ -55,7 +55,7 @@ export class AppStack extends cdk.Stack {
         effect: iam.Effect.ALLOW,
         actions: ["s3:*Object", "SES:*"],
         resources: ["*"],
-      })
+      }),
     );
 
     taskDef
@@ -72,57 +72,57 @@ export class AppStack extends cdk.Stack {
             ssm.StringParameter.fromSecureStringParameterAttributes(
               this,
               "sentryEnvironment",
-              { parameterName: "/env/sentry/environment", version: 1 }
-            )
+              { parameterName: "/env/sentry/environment", version: 1 },
+            ),
           ),
           SENTRY_DSN: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromSecureStringParameterAttributes(
               this,
               "sentryDsn",
-              { parameterName: "/env/sentry/dsn", version: 1 }
-            )
+              { parameterName: "/env/sentry/dsn", version: 1 },
+            ),
           ),
           DATABASE_URL: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromSecureStringParameterAttributes(
               this,
               "dbUrl",
-              { parameterName: "/env/db/dbUrl", version: 1 }
-            )
+              { parameterName: "/env/db/dbUrl", version: 1 },
+            ),
           ),
           GITHUB_SECRET: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromStringParameterName(
               this,
               "githubSecret",
-              "/env/githubSecret"
-            )
+              "/env/githubSecret",
+            ),
           ),
           GITHUB_ID: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromStringParameterName(
               this,
               "githubId",
-              "/env/githubId"
-            )
+              "/env/githubId",
+            ),
           ),
           NEXTAUTH_SECRET: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromStringParameterName(
               this,
               "nextauthSecret",
-              "/env/nextauthSecret"
-            )
+              "/env/nextauthSecret",
+            ),
           ),
           DISCORD_INVITE_URL: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromStringParameterName(
               this,
               "discordInviteUrl",
-              "/env/discordInviteUrl"
-            )
+              "/env/discordInviteUrl",
+            ),
           ),
           ADMIN_EMAIL: ecs.Secret.fromSsmParameter(
             ssm.StringParameter.fromStringParameterName(
               this,
               "adminEmail",
-              "/env/adminEmail"
-            )
+              "/env/adminEmail",
+            ),
           ),
         },
         logging: ecs.LogDrivers.awsLogs({
@@ -143,7 +143,7 @@ export class AppStack extends cdk.Stack {
           cpu: production ? 256 : 256, // Can alter if need more
           publicLoadBalancer: true,
           protocol: elbv2.ApplicationProtocol.HTTP,
-        }
+        },
       );
 
     fargateService.listener.addAction("DefaultListenerRule", {
@@ -197,7 +197,7 @@ export class AppStack extends cdk.Stack {
 
     fargateService.service.connections.allowFromAnyIpv4(
       ec2.Port.tcp(this.appPort),
-      "app-inbound"
+      "app-inbound",
     );
 
     this.loadbalancer = fargateService.loadBalancer;

components/ArticleMenu/ArticleMenu.tsx

@@ -159,7 +159,7 @@ const ArticleMenu = ({
             />
           </button>
 
-          <Popover className="ml-4 relative">
+          <Popover className="relative ml-4">
             <Popover.Button
               onClick={openPopoverPanel}
               className="rounded-full p-1 hover:bg-neutral-300 dark:hover:bg-neutral-800"
@@ -177,7 +177,7 @@ const ArticleMenu = ({
               leaveTo="transform opacity-0 scale-95"
             >
               <Popover.Panel
-                className={`origin-top-right absolute bottom-14 right-0 lg:left-16 lg:bottom-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white dark:bg-white ring-1 px-1 ring-black ring-opacity-5 focus:outline-none 
+                className={`absolute bottom-14 right-0 mt-2 w-48 origin-top-right rounded-md bg-white px-1 py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-white lg:bottom-0 lg:left-16 
                 ${isPopoverPanelOpen ? "" : "hidden"}`}
               >
                 <div>
@@ -205,7 +205,7 @@ const ArticleMenu = ({
                         {label}
                       </button>
                     </li>
-                    <li className="block px-4 py-2 text-neutral-900 dark:text-neutral-700 hover:bg-neutral-200 rounded">
+                    <li className="block rounded px-4 py-2 text-neutral-900 hover:bg-neutral-200 dark:text-neutral-700">
                       <button onClick={closePopoverPanel}>
                         <ReportModal
                           type="post"

package.json

@@ -8,11 +8,13 @@
     "ci-build": "prisma generate && next build",
     "start": "next start",
     "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "prettier": "prettier --check -c '**/*.{ts,tsx,js,jsx,json,json5,scss,css,html,mdx}'",
+    "prettier:fix": "prettier --write -c '**/*.{ts,tsx,js,jsx,json,json5,scss,css,html,mdx}'",
     "test:e2e": "playwright test",
     "test:jest": "jest --collectCoverage",
     "studio": "prisma studio",
     "migrate": "npx prisma migrate",
-    "prettier": "prettier --write -c '**/*.{ts,tsx,js,jsx,json,json5,scss,css,html,mdx}'",
     "prepare": "husky install"
   },
   "prisma": {