fix: fetch and display connected opportunities on agent profile

.github/workflows/lint.yml

@@ -0,0 +1,32 @@
+name: Lint & Typecheck
+
+on:
+  pull_request:
+    branches:
+      - develop
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '22'
+          cache: 'yarn'
+
+      - name: restore yarn cache
+        id: yarn-cache
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: ${{ runner.os }}-yarn-
+
+      - name: install dependencies
+        if: steps.yarn-cache.outputs.cache-hit != 'true'
+        run: yarn install --frozen-lockfile
+
+      - run: yarn lint
+      - run: yarn typecheck

.gitignore

@@ -45,3 +45,4 @@ next-env.d.ts
 # dev
 dev/
 dev.*
+.env.local

next.config.ts

@@ -4,11 +4,22 @@ import type { NextConfig } from "next";
 const apiURL = process.env.API_URL || "http://localhost:5000";
 const CLOUDFRONT_HOSTNAME = "d2nwrdddg8skub.cloudfront.net";
 
-
 const nextConfig: NextConfig = {
+  typescript: { ignoreBuildErrors: true },
+  eslint: { ignoreDuringBuilds: true },
   compiler: {
     styledComponents: true,
-  }, 
+  },
+  async redirects() {
+    const eventPageDestination =
+      "https://docs.google.com/forms/d/e/1FAIpQLSft1xi4NrQB_O6-OyOvVm_HcDSzQtog_3MMj2XAIVNaLKEJxA/viewform?usp=dialog";
+    return [
+      { source: "/event-page", destination: eventPageDestination, permanent: false },
+      { source: "/event-page/", destination: eventPageDestination, permanent: false },
+      { source: "/:lang/event-page", destination: eventPageDestination, permanent: false },
+      { source: "/:lang/event-page/", destination: eventPageDestination, permanent: false },
+    ];
+  },
   async rewrites() {
     return [{ source: `/${apiPrefix}/:path*`, destination: `${apiURL}/:path*` }];
   },

package.json

@@ -21,7 +21,7 @@
     "date-fns": "^4.1.0",
     "email-validator": "^2.0.4",
     "i18next": "^25.3.2",
-    "need4deed-sdk": "^0.0.73",
+    "need4deed-sdk": "^0.0.77",
     "next": "15.3.8",
     "react": "^19.0.0",
     "react-day-picker": "^9.13.0",

public/locales/de/translations.json

@@ -252,6 +252,8 @@
           "header": "Art des Bedarfs",
           "volunteering": "Freizeit",
           "accompanying": "Begleitung",
+          "regular": "Regelmäßig",
+          "events": "Veranstaltung",
           "helpText": "Es gibt zwei Arten von Unterstützung: Freiwilliges Engagement bei verschiedenen Aktivitäten (meist Freizeitaktivitäten) und Begleitung zu Terminen.",
           "helpTitle": ""
         },
@@ -346,6 +348,7 @@
         "accompanyingDesc": "Nur Freiwillige anzeigen, die bereit sind, Bewohner zu einzelnen Terminen zu begleiten",
         "district": "Bezirk",
         "languages": "Sprachen",
+        "activities": "Aktivitäten",
         "engagement": {
           "header": "Engagement",
           "active": "Aktiv",
@@ -423,7 +426,8 @@
     "header": {
       "button": {
         "login": "Anmelden",
-        "joinVolunteer": "Jetzt sich engagieren"
+        "joinVolunteer": "Jetzt sich engagieren",
+        "dashboard": "Dashboard"
       }
     },
     "login": {
@@ -1021,6 +1025,7 @@
       "accompanyingDetailsTitle": "Begleitdetails",
       "accompanyingDetails": {
         "appointmentAddress": "Terminadresse",
+        "appointmentPostcode": "Terminpostleitzahl",
         "appointmentDate": "Termindatum",
         "appointmentTime": "Terminzeit",
         "refugeeNumber": "Geflüchtetennummer",
@@ -1064,6 +1069,8 @@
         "mainCommunication": "Hauptkommunikation",
         "residentsSpeak": "Bewohner sprechen",
         "schedule": "Zeitplan",
+        "eventDate": "Veranstaltungsdatum",
+        "eventTime": "Veranstaltungszeit",
         "numberOfVolunteers": "Anzahl der Freiwilligen",
         "activities": "Aktivitäten",
         "skills": "Fähigkeiten & Erfahrung",

public/locales/en/translations.json

@@ -252,6 +252,8 @@
           "header": "Type Of Opportunity",
           "volunteering": "Volunteering Opportunity",
           "accompanying": "Accompanying Appointment",
+          "regular": "Regular",
+          "events": "Events",
           "helpText": "There are two ways of helping: Volunteering doing various activities and Accompanying to appointments essentially providing translation",
           "helpTitle": ""
         },
@@ -346,6 +348,7 @@
         "accompanyingDesc": "Only show volunteers that are open to bring residents to individual appointments",
         "district": "District",
         "languages": "Languages",
+        "activities": "Activities",
         "engagement": {
           "header": "Engagement",
           "active": "Active",
@@ -423,7 +426,8 @@
     "header": {
       "button": {
         "login": "Log in",
-        "joinVolunteer": "Join as a volunteer"
+        "joinVolunteer": "Join as a volunteer",
+        "dashboard": "Dashboard"
       }
     },
     "login": {
@@ -1020,6 +1024,7 @@
       "accompanyingDetailsTitle": "Accompanying details",
       "accompanyingDetails": {
         "appointmentAddress": "Appointment address",
+        "appointmentPostcode": "Appointment postcode",
         "appointmentDate": "Appointment date",
         "appointmentTime": "Appointment time",
         "refugeeNumber": "Refugee number",
@@ -1063,6 +1068,8 @@
         "mainCommunication": "Main communication",
         "residentsSpeak": "Residents speak",
         "schedule": "Schedule",
+        "eventDate": "Event date",
+        "eventTime": "Event time",
         "numberOfVolunteers": "Number of volunteers",
         "activities": "Activities",
         "skills": "Skills & experience",

src/app/[lang]/dashboard/page.tsx

@@ -1,5 +1,5 @@
-import { Landing } from "@/components/Dashboard/Landing";
+import { DashboardHome } from "@/components/Dashboard";
 
-export default function DashboardLandingPage() {
-  return <Landing />;
+export default function DashboardPage() {
+  return <DashboardHome />;
 }

src/app/[lang]/forms/volunteer/page.tsx

@@ -1,11 +1,5 @@
-"use client";
 import BecomeVolunteer from "@/components/forms/BecomeVolunteer/BecomeVolunteer";
-import { PageLayout } from "@/components/Layout";
 
 export default function VolunteerPage() {
-  return (
-    <PageLayout background="var(--color-white)">
-      <BecomeVolunteer />;
-    </PageLayout>
-  );
+  return <BecomeVolunteer />;
 }

src/app/[lang]/page.tsx

@@ -1,36 +1,9 @@
-import { TestimonialsSection } from "@/components/Testimonials";
+import { Landing } from "@/components/Website/Landing";
 import { Lang } from "need4deed-sdk";
-import Link from "next/link";
-import styles from "./page.module.css";
+import { use } from "react";
 
-export default async function Home({ params }: { params: Promise<{ lang: Lang }> }) {
-  const lang = (await params).lang;
+export default function Home({ params }: { params: Promise<{ lang: Lang }> }) {
+  const { lang } = use(params);
 
-  if (![Lang.EN, Lang.DE].includes(lang)) {
-    return null;
-  }
-
-  return (
-    <div className={styles.page}>
-      <header>HEADER</header>
-      <main className={styles.main}>
-        <div className={styles.ctas}>
-          <Link href="/login" className={styles.secondary}>
-            Login
-          </Link>
-          <Link href="/persons" className={styles.secondary}>
-            Persons
-          </Link>
-          <Link href="/forms/volunteer" className={styles.secondary}>
-            Volunteer form
-          </Link>
-          <Link href="/forms/opportunity" className={styles.secondary}>
-            Opportunity form
-          </Link>
-        </div>
-      </main>
-      <TestimonialsSection lang={lang as Lang} />
-      <footer className={styles.footer}>FOOTER</footer>
-    </div>
-  );
+  return <Landing lang={lang as Lang} />;
 }

src/app/[lang]/tmp-home/page.module.css

@@ -0,0 +1,168 @@
+.page {
+  --gray-rgb: 0, 0, 0;
+  --gray-alpha-200: rgba(var(--gray-rgb), 0.08);
+  --gray-alpha-100: rgba(var(--gray-rgb), 0.05);
+
+  --button-primary-hover: #383838;
+  --button-secondary-hover: #f2f2f2;
+
+  display: grid;
+  grid-template-rows: 20px 1fr 20px;
+  align-items: center;
+  justify-items: center;
+  min-height: 100svh;
+  padding: 80px;
+  gap: 64px;
+  font-family: var(--font-geist-sans);
+}
+
+@media (prefers-color-scheme: dark) {
+  .page {
+    --gray-rgb: 255, 255, 255;
+    --gray-alpha-200: rgba(var(--gray-rgb), 0.145);
+    --gray-alpha-100: rgba(var(--gray-rgb), 0.06);
+
+    --button-primary-hover: #ccc;
+    --button-secondary-hover: #1a1a1a;
+  }
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  gap: 32px;
+  grid-row-start: 2;
+}
+
+.main ol {
+  font-family: var(--font-geist-mono);
+  padding-left: 0;
+  margin: 0;
+  font-size: 14px;
+  line-height: 24px;
+  letter-spacing: -0.01em;
+  list-style-position: inside;
+}
+
+.main li:not(:last-of-type) {
+  margin-bottom: 8px;
+}
+
+.main code {
+  font-family: inherit;
+  background: var(--gray-alpha-100);
+  padding: 2px 4px;
+  border-radius: 4px;
+  font-weight: 600;
+}
+
+.ctas {
+  display: flex;
+  gap: 16px;
+}
+
+.ctas a {
+  appearance: none;
+  border-radius: 128px;
+  height: 48px;
+  padding: 0 20px;
+  border: none;
+  border: 1px solid transparent;
+  transition:
+    background 0.2s,
+    color 0.2s,
+    border-color 0.2s;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 16px;
+  line-height: 20px;
+  font-weight: 500;
+}
+
+a.primary {
+  background: var(--foreground);
+  color: var(--background);
+  gap: 8px;
+}
+
+a.secondary {
+  border-color: var(--gray-alpha-200);
+  min-width: 158px;
+}
+
+.footer {
+  grid-row-start: 3;
+  display: flex;
+  gap: 24px;
+}
+
+.footer a {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.footer img {
+  flex-shrink: 0;
+}
+
+/* Enable hover only on non-touch devices */
+@media (hover: hover) and (pointer: fine) {
+  a.primary:hover {
+    background: var(--button-primary-hover);
+    border-color: transparent;
+  }
+
+  a.secondary:hover {
+    background: var(--button-secondary-hover);
+    border-color: transparent;
+  }
+
+  .footer a:hover {
+    text-decoration: underline;
+    text-underline-offset: 4px;
+  }
+}
+
+@media (max-width: 600px) {
+  .page {
+    padding: 32px;
+    padding-bottom: 80px;
+  }
+
+  .main {
+    align-items: center;
+  }
+
+  .main ol {
+    text-align: center;
+  }
+
+  .ctas {
+    flex-direction: column;
+  }
+
+  .ctas a {
+    font-size: 14px;
+    height: 40px;
+    padding: 0 16px;
+  }
+
+  a.secondary {
+    min-width: auto;
+  }
+
+  .footer {
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .logo {
+    filter: invert();
+  }
+}