chore: add pre-commit hooks for Prettier and fix CI pipeline

Author: TheDThompsonDev

eslint.config.mjs

@@ -0,0 +1,3 @@
+import nextConfig from "eslint-config-next";
+
+export default [...nextConfig];

package-lock.json

@@ -30,6 +30,7 @@
     "@babel/preset-env": "^7.24.0",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
+    "@eslint/eslintrc": "^3.3.3",
     "@faker-js/faker": "^9.1.0",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^16.3.2",

package.json

@@ -9,11 +9,14 @@ import AboutCTA from '@/components/aboutCTA/aboutCTA';
 
 export const metadata: Metadata = {
   title: 'About Us | Dallas Software Developers',
-  description: 'Learn about Dallas Software Developers - a community of passionate developers sharing knowledge and building connections in Dallas-Fort Worth.',
-  keywords: 'about DSD, Dallas developers community, software developer group history, tech community Dallas',
+  description:
+    'Learn about Dallas Software Developers - a community of passionate developers sharing knowledge and building connections in Dallas-Fort Worth.',
+  keywords:
+    'about DSD, Dallas developers community, software developer group history, tech community Dallas',
   openGraph: {
     title: 'About Us | Dallas Software Developers',
-    description: 'Learn about Dallas Software Developers - a community of passionate developers sharing knowledge and building connections.',
+    description:
+      'Learn about Dallas Software Developers - a community of passionate developers sharing knowledge and building connections.',
     type: 'website',
   },
 };

src/app/about/page.tsx

@@ -2,11 +2,14 @@ import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
   title: 'Cohorts | Dallas Software Developers',
-  description: 'Join our intensive cohort program. Learn software development with hands-on projects and mentorship from experienced Dallas developers.',
-  keywords: 'coding cohort Dallas, software development bootcamp, developer mentorship, hands-on coding program',
+  description:
+    'Join our intensive cohort program. Learn software development with hands-on projects and mentorship from experienced Dallas developers.',
+  keywords:
+    'coding cohort Dallas, software development bootcamp, developer mentorship, hands-on coding program',
   openGraph: {
     title: 'Cohorts | Dallas Software Developers',
-    description: 'Join our intensive cohort program with hands-on projects and mentorship.',
+    description:
+      'Join our intensive cohort program with hands-on projects and mentorship.',
     type: 'website',
   },
 };

src/app/cohorts/layout.tsx

@@ -52,15 +52,15 @@ export default function NotificationForm() {
       return;
     }
 
-    formData.token = token ?? '';
+    const submitData = { ...formData, token: token ?? '' };
 
     try {
       const response = await fetch('/api/notificationForm', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',
         },
-        body: JSON.stringify(formData),
+        body: JSON.stringify(submitData),
       });
 
       if (!response.ok) {

src/app/cohorts/notificationForm.tsx

@@ -2,11 +2,14 @@ import type { Metadata } from 'next';
 
 export const metadata: Metadata = {
   title: 'Community | Dallas Software Developers',
-  description: 'Join our vibrant community of Dallas developers. Connect, learn, and grow with fellow software professionals.',
-  keywords: 'Dallas developer community, software developer networking, tech community DFW, developer meetup group',
+  description:
+    'Join our vibrant community of Dallas developers. Connect, learn, and grow with fellow software professionals.',
+  keywords:
+    'Dallas developer community, software developer networking, tech community DFW, developer meetup group',
   openGraph: {
     title: 'Community | Dallas Software Developers',
-    description: 'Join our vibrant community of Dallas developers. Connect, learn, and grow.',
+    description:
+      'Join our vibrant community of Dallas developers. Connect, learn, and grow.',
     type: 'website',
   },
 };

src/app/community/layout.tsx

@@ -2,13 +2,7 @@
 import Spinner from '@/components/spinner/spinner';
 
 import { useQuery } from '@tanstack/react-query';
-import {
-  createContext,
-  useContext,
-  useState,
-  ReactNode,
-  useEffect,
-} from 'react';
+import { createContext, useContext, ReactNode } from 'react';
 import { ActionLink } from '@/types';
 
 type GlobalState = {
@@ -20,24 +14,14 @@ const GlobalStateContext = createContext<GlobalState>({
 });
 
 export const GlobalStateProvider = ({ children }: { children: ReactNode }) => {
-  const [actionLinks, setActionLinks] = useState<Array<ActionLink> | null>(
-    null
-  );
-
-  const { data: actionLinksResponse, isLoading } = useQuery({
+  const { data: actionLinks = null, isLoading } = useQuery({
     queryKey: ['actionLinks'],
     queryFn: async () => {
       const response = await fetch('/api/actionLinks', { cache: 'no-store' });
       return response.json();
     },
   });
 
-  useEffect(() => {
-    if (actionLinksResponse) {
-      setActionLinks(actionLinksResponse);
-    }
-  }, [actionLinksResponse]);
-
   if (isLoading) return <Spinner />;
 
   return (

src/app/hooks/useGlobalState/useGlobalState.tsx

@@ -504,7 +504,7 @@ export const LABELS = {
         technicalFoundation: {
           title: 'Technical Foundation',
           description:
-            "You should be comfortable with core web or mobile technologies (e.g., JavaScript, React, C#, .NET, Java, Swift) and eager to work with tools like GitHub, Figma, Jira, and VS Code.",
+            'You should be comfortable with core web or mobile technologies (e.g., JavaScript, React, C#, .NET, Java, Swift) and eager to work with tools like GitHub, Figma, Jira, and VS Code.',
         },
       },
       dallasCallout: {
@@ -801,7 +801,7 @@ export const LABELS = {
       {
         title: 'Technical Foundation',
         description:
-          "You should be comfortable with core web or mobile technologies (e.g., JavaScript, React, C#, .NET, Java, Swift) and eager to work with tools like GitHub, Figma, Jira, and VS Code.",
+          'You should be comfortable with core web or mobile technologies (e.g., JavaScript, React, C#, .NET, Java, Swift) and eager to work with tools like GitHub, Figma, Jira, and VS Code.',
       },
     ],
     programDetailsArray: [
@@ -828,7 +828,7 @@ export const LABELS = {
         role: 'Software Engineer',
         company: 'Bank Of America',
         quote:
-          'The biggest benefit of the cohort was providing an environment to practice development in a collaborative team setting, which was something I couldn\'t get from just working on small projects alone. Working with others on a large project over 6 weeks gave me the confidence and skills I needed to excel during my internship, which eventually led to a full-time offer. I\'ve since had the opportunity to return as a cohort lead, continuing to build my leadership skills while giving back to the community that helped launch my career.',
+          "The biggest benefit of the cohort was providing an environment to practice development in a collaborative team setting, which was something I couldn't get from just working on small projects alone. Working with others on a large project over 6 weeks gave me the confidence and skills I needed to excel during my internship, which eventually led to a full-time offer. I've since had the opportunity to return as a cohort lead, continuing to build my leadership skills while giving back to the community that helped launch my career.",
         cohort: 'Cohort 8',
         image:
           'https://vpgsxqtnqt8tekgb.public.blob.vercel-storage.com/dsd-assets/people/aaryanDas.jpg',