Merge master into production (SSG build fixes)

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

.github/agents/eslint-setup-fixer.agent.md

@@ -0,0 +1,78 @@
+---
+description: "Use this agent when the user asks to set up or fix ESLint in a project, especially legacy or older projects.\n\nTrigger phrases include:\n- 'get ESLint working'\n- 'fix ESLint'\n- 'setup ESLint for this project'\n- 'enable linting locally'\n- 'ESLint not working'\n- 'get linting working on this old project'\n\nExamples:\n- User says 'get this old projects eslint working so i can lint locally' → invoke this agent to diagnose and repair ESLint setup\n- User asks 'why isn't ESLint running?' → invoke this agent to troubleshoot configuration and dependencies\n- User says 'I need to lint locally but ESLint is broken' → invoke this agent to fix the setup end-to-end"
+name: eslint-setup-fixer
+---
+
+# eslint-setup-fixer instructions
+
+You are an expert build and tooling engineer specializing in getting ESLint working in legacy and older projects. Your mission is to diagnose ESLint issues and establish a working local linting setup that the user can reliably use.
+
+Your core responsibilities:
+- Diagnose why ESLint is not working in the project
+- Identify and fix configuration issues
+- Ensure all dependencies are properly installed and compatible
+- Verify Node.js version compatibility
+- Establish a working local linting workflow
+- Document any fixes applied
+
+Methodology:
+1. First, examine the current project state:
+   - Check if .eslintrc file exists (any format: .js, .json, .yml, .yaml)
+   - Look for eslintConfig in package.json
+   - Review package.json to see if eslint is listed as a dependency
+   - Check the Node.js version being used
+
+2. Diagnose the root cause:
+   - Run eslint to see what error messages appear
+   - Check if eslint is installed (node_modules)
+   - Identify dependency version conflicts
+   - Look for missing parser or plugin dependencies
+   - Check for Node version incompatibilities
+
+3. Fix the issues systematically:
+   - Install or update eslint if needed
+   - Install any missing parser or plugin dependencies
+   - Create or repair .eslintrc configuration if missing
+   - Update package.json scripts with lint commands if needed
+   - Handle any Node version issues (upgrade, use nvm, etc.)
+
+4. Validate the setup:
+   - Successfully run eslint on the codebase
+   - Verify linting rules are being applied
+   - Test that local linting works reliably
+   - Confirm users can run lint commands
+
+Common pitfalls to avoid:
+- Old ESLint versions (< v6) may not work with modern Node versions
+- Missing @babel/eslint-parser for projects using older Babel
+- Incompatible parser versions (e.g., wrong TypeScript parser)
+- Node version too old or too new for the project's dependencies
+- Configuration files with syntax errors preventing parsing
+- Circular dependency issues in plugin configurations
+
+Edge cases to handle:
+- Project using TypeScript: ensure typescript parser is installed
+- Project with React: ensure react plugin is installed
+- Project with old Node version requirements: provide upgrade guidance
+- Multiple conflicting .eslintrc files: consolidate to single source of truth
+- Projects with monorepo structure: handle root and package-level configs
+
+Output format:
+- Clear summary of what was broken and why
+- Step-by-step list of all fixes applied
+- Verification results showing linting now works
+- Any warnings about compatibility or recommendations for modernization
+- Command to run linting locally (e.g., `npm run lint` or `npm run eslint`)
+
+Quality checks:
+- Verify eslint command runs without errors
+- Confirm linting actually processes files (not just succeeding with no output)
+- Test that rules are being enforced
+- Ensure the fix is reproducible for other developers
+- Document any version constraints or platform-specific requirements
+
+When to ask for clarification:
+- If you're unsure whether the project uses TypeScript, React, or other special configs
+- If multiple conflicting approaches exist and you need user preference
+- If Node version constraints prevent a standard fix
+- If the project has unusual structure that prevents standard ESLint discovery

.husky/pre-push

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-# npm run lint ##sori tää o liia haisuli
+npm run lint:es

package.json

@@ -93,6 +93,9 @@
     "swr": "^1.2.2",
     "uuid": "^13.0.0"
   },
+  "engines": {
+    "node": "16"
+  },
   "overrides": {
     "react-mde": {
       "react": "$react",

src/api/backend.ts

@@ -1,8 +1,11 @@
 import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
 import { getAccessTokenCookie } from "@utils/auth";
 
+const API_TIMEOUT_MS = 10000;
+
 const axiosInstance: AxiosInstance = axios.create({
   baseURL: process.env.NEXT_PUBLIC_API_URL,
+  timeout: API_TIMEOUT_MS,
 });
 
 export enum APIPath {

src/pages/events/[id].tsx

@@ -14,14 +14,13 @@ interface InitialProps {
 
 const EventPage: NextPage<InitialProps> = ({ event }) => {
   const router = useRouter();
-  const { id } = router.query;
 
   if (router.isFallback) return <LoadingView />;
 
   return (
     <>
       <Head>
-        <link rel="canonical" href={`${process.env.NEXT_PUBLIC_SITE_URL}/events/${id}`} />
+        <link rel="canonical" href={`${process.env.NEXT_PUBLIC_SITE_URL}/events/${event.id}`} />
       </Head>
       <PageWrapper>
         <EventPageView event={event} />
@@ -30,36 +29,34 @@ const EventPage: NextPage<InitialProps> = ({ event }) => {
   );
 };
 
-export const getStaticPaths: GetStaticPaths = async () => {
-  const allEvents = await EventApi.getEvents();
-  const paths = allEvents.map((e: Event) => ({
-    params: {
-      id: String(e.id),
-    },
-  }
-  ));
-  return {
-    paths,
-    fallback: true,
-  };
-};
+export const getStaticPaths: GetStaticPaths = async () => ({
+  paths: [],
+  fallback: "blocking",
+});
 
 export const getStaticProps: GetStaticProps<InitialProps> = async ({ params }) => {
-  const { id } = params;
-  let notFound = false;
-  let event: Event;
-  try {
-    event = await EventApi.getEvent(Number(id));
-  } catch (err) {
-    notFound = true;
+  const id = Number(params?.id);
+  if (!id) {
+    return {
+      notFound: true,
+      revalidate: 10,
+    };
   }
+
+  try {
+    const event = await EventApi.getEvent(id);
     return {
       props: {
         event,
       },
       revalidate: 10, // Required for deleting hidden pages
-    notFound,
     };
+  } catch {
+    return {
+      notFound: true,
+      revalidate: 10,
+    };
+  }
 };
 
 export default EventPage;

src/pages/feed/[id].tsx

@@ -14,14 +14,13 @@ interface InitialProps {
 
 const FeedPage: NextPage<InitialProps> = ({ post }) => {
   const router = useRouter();
-  const { id } = router.query;
 
   if (router.isFallback) return <LoadingView />;
 
   return (
     <>
       <Head>
-        <link rel="canonical" href={`${process.env.NEXT_PUBLIC_SITE_URL}/feed/${id}`} />
+        <link rel="canonical" href={`${process.env.NEXT_PUBLIC_SITE_URL}/feed/${post.id}`} />
       </Head>
       <PageWrapper>
         <FeedPageView post={post} />
@@ -30,37 +29,34 @@ const FeedPage: NextPage<InitialProps> = ({ post }) => {
   );
 };
 
-export const getStaticPaths: GetStaticPaths = async () => {
-  const feed = await FeedApi.getFeed();
-  const paths = feed.map((post: Post) => ({
-    params: {
-      id: String(post.id),
-    },
-  }
-  ));
-  return {
-    paths,
-    fallback: true,
-  };
-};
+export const getStaticPaths: GetStaticPaths = async () => ({
+  paths: [],
+  fallback: "blocking",
+});
 
 export const getStaticProps: GetStaticProps<InitialProps> = async ({ params }) => {
-  const { id } = params;
-  let notFound = false;
-  let post: Post;
-  try {
-    post = await FeedApi.getPost(Number(id));
-  } catch (err) {
-    notFound = true;
+  const id = Number(params?.id);
+  if (!id) {
+    return {
+      notFound: true,
+      revalidate: 10,
+    };
   }
 
+  try {
+    const post = await FeedApi.getPost(id);
     return {
       props: {
         post,
       },
       revalidate: 10, // Required for deleting hidden pages
-    notFound,
     };
+  } catch {
+    return {
+      notFound: true,
+      revalidate: 10,
+    };
+  }
 };
 
 export default FeedPage;

src/pages/in_english.tsx

@@ -44,12 +44,15 @@ const InEnglishPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) =
 };
 
 export const getStaticProps: GetStaticProps<InitialProps> = async () => {
-  const initialEvents = await fetcher<Event[]>(eventApi);
-  const initialFeed = await fetcher<Post[]>(feedApi);
+  const [eventsResult, feedResult] = await Promise.allSettled([
+    fetcher<Event[]>(eventApi),
+    fetcher<Post[]>(feedApi),
+  ]);
+
   return {
     props: {
-      initialEvents,
-      initialFeed,
+      initialEvents: eventsResult.status === "fulfilled" ? eventsResult.value : [],
+      initialFeed: feedResult.status === "fulfilled" ? feedResult.value : [],
     },
     revalidate: 10,
   };

src/pages/index.tsx

@@ -43,12 +43,15 @@ const FrontPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
 };
 
 export const getStaticProps: GetStaticProps<InitialProps> = async () => {
-  const initialEvents = fetcher<Event[]>(eventApi);
-  const initialFeed = fetcher<Post[]>(feedApi);
+  const [eventsResult, feedResult] = await Promise.allSettled([
+    fetcher<Event[]>(eventApi),
+    fetcher<Post[]>(feedApi),
+  ]);
+
   return {
     props: {
-      initialEvents: await initialEvents,
-      initialFeed: await initialFeed,
+      initialEvents: eventsResult.status === "fulfilled" ? eventsResult.value : [],
+      initialFeed: feedResult.status === "fulfilled" ? feedResult.value : [],
     },
     revalidate: 10,
   };

src/pages/kilta/toiminta.tsx

@@ -3,9 +3,7 @@ import { NextPage, GetStaticProps } from "next";
 import Head from "next/head";
 import useSWR from "swr";
 import Event from "@models/Event";
-import EventApi from "@api/eventApi";
 import Post from "@models/Feed";
-import FeedApi from "@api/feedApi";
 import ActualPageView from "@views/ActualPage/ActualPageView";
 import PageWrapper from "@views/common/PageWrapper";
 import { fetcher, APIPath, API } from "@api/backend";
@@ -40,12 +38,15 @@ const ActualPage: NextPage<InitialProps> = ({ initialEvents, initialFeed }) => {
 };
 
 export const getStaticProps: GetStaticProps<InitialProps> = async () => {
-  const initialEvents = await EventApi.getEvents();
-  const initialFeed = await FeedApi.getFeed();
+  const [eventsResult, feedResult] = await Promise.allSettled([
+    fetcher<Event[]>(eventApi),
+    fetcher<Post[]>(feedApi),
+  ]);
+
   return {
     props: {
-      initialEvents,
-      initialFeed,
+      initialEvents: eventsResult.status === "fulfilled" ? eventsResult.value : [],
+      initialFeed: feedResult.status === "fulfilled" ? feedResult.value : [],
     },
     revalidate: 10,
   };

src/pages/signup/[id].tsx

@@ -47,8 +47,7 @@ const SignUpPage: NextPage<InitialProps> = ({ initialForm }) => {
   }
 
   const onSubmit = async ({ formData }: ISubmitEvent<any>) => {
-
-    //for bot detection
+    // for bot detection
 
     if (honeypot !== "") {
       console.log("bot cought in honeypot cought lacking");
@@ -113,36 +112,34 @@ const SignUpPage: NextPage<InitialProps> = ({ initialForm }) => {
   );
 };
 
-export const getStaticPaths: GetStaticPaths = async () => {
-  const allForms = await SignupApi.getForms();
-  const paths = allForms.map((e: SignupForm) => ({
-    params: {
-      id: String(e.id),
-    },
-  }
-  ));
-  return {
-    paths,
-    fallback: true,
-  };
-};
+export const getStaticPaths: GetStaticPaths = async () => ({
+  paths: [],
+  fallback: "blocking",
+});
 
 export const getStaticProps: GetStaticProps<InitialProps> = async ({ params }) => {
-  const { id } = params;
-  let notFound = false;
-  let initialForm: SignupForm;
-  try {
-    initialForm = await SignupApi.getForm(Number(id));
-  } catch {
-    notFound = true;
+  const id = Number(params?.id);
+  if (!id) {
+    return {
+      notFound: true,
+      revalidate: 10,
+    };
   }
+
+  try {
+    const initialForm = await SignupApi.getForm(id);
     return {
       props: {
         initialForm,
       },
       revalidate: 10, // Required for deleting hidden pages
-    notFound,
     };
+  } catch {
+    return {
+      notFound: true,
+      revalidate: 10,
+    };
+  }
 };
 
 export default SignUpPage;

src/pages/yritysyhteistyo.tsx

@@ -30,10 +30,13 @@ const CorporatePage: NextPage<InitialProps> = ({ initialJobAds }) => {
 };
 
 export const getStaticProps: GetStaticProps<InitialProps> = async () => {
-  const initialJobAds = await fetcher<JobAd[]>(jobAdApi);
+  const jobAdsResult = await Promise.allSettled([
+    fetcher<JobAd[]>(jobAdApi),
+  ]);
+
   return {
     props: {
-      initialJobAds,
+      initialJobAds: jobAdsResult[0].status === "fulfilled" ? jobAdsResult[0].value : [],
     },
     revalidate: 10,
   };

src/views/ForFreshmenPage/ForFreshmenPageView.tsx

@@ -11,6 +11,8 @@ const TG_GROUP_CHAT_LINK = "https://t.me/+U8dQfkCWBaIxMDc0";
 const TG_NOTIFICATIONS_LINK = "https://t.me/+IcZONKWXiNNkODRk";
 const EMAIL_LINK = "ftmk@sahkoinsinoorikilta.fi";
 const EMAIL_LINK_MAILTO = `mailto:${EMAIL_LINK}`;
+const SIK_QR = "https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2026-telegram.jpg";
+const SIK_QR_TIEDOTUS = "https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2026-telegram-tiedotus.jpg";
 
 const ImageContainer = styled.div`
   width: 100%;
@@ -59,7 +61,7 @@ const ForFreshmenPageView: React.FC = () => (
 
         <ImageContainer>
           <Image
-            src="https://static.sahkoinsinoorikilta.fi/FTMK/IMG_6539.JPG"
+            src="https://static.sahkoinsinoorikilta.fi/FTMK/kipparit-26.jpg"
             alt="Kipparit"
             layout="responsive"
             width={100}
@@ -128,12 +130,12 @@ const ForFreshmenPageView: React.FC = () => (
               SIK fuksis have a group chat, which you can join by scanning the QR code below:
             </p>
             <QRImages
-              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2025.jpg"
+              src={SIK_QR}
             />
             <p>or <Link to={TG_GROUP_CHAT_LINK} target="_blank">press me!</Link></p>
             <p>Also join the notifications channel for SIK fuksis, to stay in the loop!:</p>
             <QRImages
-              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-tiedotus-2025.jpg"
+              src={SIK_QR_TIEDOTUS}
             />
             <p>or <Link to={TG_NOTIFICATIONS_LINK} target="_blank">press me!</Link></p>
           </InfoBox>

src/views/ForInternationalPage/ForIntlPageView.tsx

@@ -11,6 +11,8 @@ const TG_GROUP_CHAT_LINK = "https://t.me/+oNrBDLI5cXZhNDEx";
 const TG_NOTIFICATIONS_LINK = "https://t.me/sikhotline2526";
 const EMAIL_LINK = "ftmk@sahkoinsinoorikilta.fi";
 const EMAIL_LINK_MAILTO = `mailto:${EMAIL_LINK}`;
+const SIK_QR = "https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2026-telegram.jpg";
+const SIK_QR_TIEDOTUS = "https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2026-telegram-tiedotus.jpg";
 
 const ImageContainer = styled.div`
   width: 100%;
@@ -76,7 +78,7 @@ const ForIntlPageView: React.FC = () => (
 
         <ImageContainer>
           <Image
-            src="https://static.sahkoinsinoorikilta.fi/FTMK/Captains2025.jpg"
+            src="https://static.sahkoinsinoorikilta.fi/FTMK/Captains2026.jpg"
             alt="Kipparit"
             layout="responsive"
             width={100}
@@ -102,9 +104,9 @@ const ForIntlPageView: React.FC = () => (
           having just as much fun as we are. Always remember that as a teekkari in Otaniemi, you&apos;re never alone.
         </p>
         <p>
-          Orientation week will be held from 25 to 29 August 2025, but even before that you have the
+          Orientation week will be held from 25 to 29 August 2026, but even before that you have the
           opportunity to come and get to know us, other freshmen and ISOs at a relaxed Headstart event.
-          This will be held on Saturday 16 August 2025. More about that in the Telegram groups!
+          This will be held on Saturday 16 August 2026. More about that in the Telegram groups!
         </p>
 
         <h6>Apollo Ailus</h6>
@@ -149,12 +151,12 @@ const ForIntlPageView: React.FC = () => (
               SIK fuksis have a group chat, which you can join by scanning the QR code below:
             </p>
             <QRImages
-              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2025.jpg"
+              src={SIK_QR}
             />
             <p>or <Link to={TG_GROUP_CHAT_LINK} target="_blank">press me!</Link></p>
             <p>Also join the notifications channel for SIK fuksis, to stay in the loop!:</p>
             <QRImages
-              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-tiedotus-2025.jpg"
+              src={SIK_QR_TIEDOTUS}
             />
             <p>or <Link to={TG_NOTIFICATIONS_LINK} target="_blank">press me!</Link></p>
           </InfoBox>

src/views/FreshmenPage/FreshmenPageView.tsx

@@ -11,6 +11,8 @@ const TG_GROUP_CHAT_LINK = "https://t.me/+U8dQfkCWBaIxMDc0";
 const TG_NOTIFICATIONS_LINK = "https://t.me/+IcZONKWXiNNkODRk";
 const EMAIL_LINK = "ftmk@sahkoinsinoorikilta.fi";
 const EMAIL_LINK_MAILTO = `mailto:${EMAIL_LINK}`;
+const SIK_QR = "https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2026-telegram.jpg";
+const SIK_QR_TIEDOTUS = "https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2026-telegram-tiedotus.jpg";
 
 const ImageContainer = styled.div`
   width: 100%;
@@ -58,7 +60,7 @@ const FreshmenPageView: React.FC = () => (
 
         <ImageContainer>
           <Image
-            src="https://static.sahkoinsinoorikilta.fi/FTMK/IMG_6539.JPG"
+            src="https://static.sahkoinsinoorikilta.fi/FTMK/kipparit-26.jpg"
             alt="Kipparit"
             layout="responsive"
             width={100}
@@ -80,8 +82,8 @@ const FreshmenPageView: React.FC = () => (
           Ajan myötä palapelin palat muodostavat sinun näköisesi kuvan ja pääset itse vaikuttamaan siihen, miltä lopputulos näyttää.
         </p>
         <p>
-          Orientaatioviikko järjestetään 24.-28.8.2025, mutta jo ennen sitä sinulla on mahdollisuus tulla tutustumaan meihin, muihin fukseihin ja ISOihin rentoon Varaslähtöön.
-          Varaslähtö fuksivuoteen järjestetään lauantaina 15.8.2025. Siitä lisää Telegram-ryhmissä!
+          Orientaatioviikko järjestetään 24.-28.8.2026, mutta jo ennen sitä sinulla on mahdollisuus tulla tutustumaan meihin, muihin fukseihin ja ISOihin rentoon Varaslähtöön.
+          Varaslähtö fuksivuoteen järjestetään lauantaina 15.8.2026. Siitä lisää Telegram-ryhmissä!
         </p>
 
         <h6>Aura Friman</h6>
@@ -126,12 +128,12 @@ const FreshmenPageView: React.FC = () => (
               SIK:n fukseilla on oma Telegram-ryhmä, jonne pääset liitymään tästä:
             </p>
             <QRImages
-              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-2025.jpg"
+              src={SIK_QR}
             />
             <p>tai <Link to={TG_GROUP_CHAT_LINK} target="_blank">tästä</Link></p>
             <p>Liity myös samalla SIK-fuksien tiedotuskanavalle tästä:</p>
             <QRImages
-              src="https://static.sahkoinsinoorikilta.fi/FTMK/SIK-Fuksit-tiedotus-2025.jpg"
+              src={SIK_QR_TIEDOTUS}
             />
             <p>tai <Link to={TG_NOTIFICATIONS_LINK} target="_blank">tästä</Link></p>
           </InfoBox>