Vf 88 lag bergen team pages (#250)

* Legg til unik nøkkel for map av medlemmer * Lag Bergen-styret infoside * Lag Bergen-Skolekoordinering side * Lag Rekruttering-Bergen infoside * Fiks lint feil * Changed formatting of the members. --------- Co-authored-by: mauricew <[email protected]> Co-authored-by: aaryanneupane <[email protected]>
vektorprogrammet · Oct 24, 2023 · a88723c · a88723c
1 parent d71a4e1
commit a88723c
Show file tree

Hide file tree

Showing 6 changed files with 151 additions and 2 deletions.
diff --git a/src/pages/public/Team/TeamPages/Bergen/Rekruttering.tsx b/src/pages/public/Team/TeamPages/Bergen/Rekruttering.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Rekruttering = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Rekruttering"
+        mail="[email protected]"
+        text="I rekruttering jobber vi med å skaffe nye vektorassistenter!"
+        members={[
+          { name: "Erik Bjordal", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d00e000503f.jpeg", role: "Leder" },
+          { name: "Emma Karoline Aase Skålevik", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/652a6aa8427cd.jpeg", role: "Medlem" },
+          { name: "Hrolfur Olafsson", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d3c8214b847.jpeg", role: "Medlem" },
+          { name: "Mathias Torstensen", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/64258e1f08402.jpeg", role: "Medlem" },
+          { name: "Lukas Reidar Knudsen", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/64187be859f08.jpeg", role: "Medlem" },
+          { name: "Yao Yun Jackie Zhang", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63dad15ab90b2.jpeg", role: "Medlem" },
+          { name: "Snorre Thomsen", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/6425847085add.jpeg", role: "Medlem" },
+          { name: "Nicolai Ramsvik Andersen", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/64f996a5938da.jpeg", role: "Medlem" },
+          { name: "Helle Isaksen", image: "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63c9b51fb556d.jpeg", role: "Profilering" },
+        ]}
+      />
+      <div className="font-sans text-lg text-black text-left m-5 mt-20">
+        I rekrutteringsteamet har vi ansvaret for å skaffe nye og gode
+        vektorassistenter. Hovedoppgavene som medlem av rekrutteringsteamet
+        består av å stå på stand, bleste i forelesninger og intervjue nye
+        søkere. I tillegg har vi også ansvar de sosiale og faglige
+        arrangementene vektorprogrammet arrangerer.
+      </div>
+    </div>
+  );
+};
+
+export default Rekruttering;
diff --git a/src/pages/public/Team/TeamPages/Bergen/Skolekoordinering.tsx b/src/pages/public/Team/TeamPages/Bergen/Skolekoordinering.tsx
@@ -0,0 +1,52 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Skolekoordinering = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Skolekoordinering"
+        mail="[email protected]"
+        text="Skolekoordinering fungerer som et bindeledd mellom skolene og vektorassistentene gjennom semesteret."
+        members={[
+          {
+            name: "Balder Hopp-Haugstvedt",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d0175742e04.jpeg",
+            role: "Leder",
+          },
+          {
+            name: "Hrolfur Olafsson",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d3c8214b847.jpeg",
+            role: "Medlem",
+          },
+          {
+            name: "Nicolai Ramsvik Andersen",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/64f996a5938da.jpeg",
+            role: "Medlem",
+          },
+          {
+            name: "Filip Asklien",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/6432eb2c55a69.jpeg",
+            role: "Medlem",
+          },
+        ]}
+      />
+
+      <div className="font-sans text-lg text-black text-left m-5 mt-20">
+        Skolekoordineringsteamet har ansvaret for å fordele vektorassistentene
+        på samarbeidsskolene våre, og opprettholde kontakten med disse
+        semesteret gjennom. I praksis vil det si å være tilgjengelig på mail,
+        skaffe eventuelle vikarer for vektorassistenter som ikke kan møte, og
+        videreformidle informasjon. Skulle det oppstå noe vektorassistentene har
+        behov for å si i fra om, skal det være lav terskel for å kontakte
+        skolekoordineringsteamet.
+      </div>
+    </div>
+  );
+};
+
+export default Skolekoordinering;
diff --git a/src/pages/public/Team/TeamPages/Bergen/Styret.tsx b/src/pages/public/Team/TeamPages/Bergen/Styret.tsx
@@ -0,0 +1,49 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Styret = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Styret"
+        mail="[email protected]"
+        text="Ansvarlig for driften av Vektorprogrammet i Bergen."
+        members={[
+          {
+            name: "Hrolfur Olafsson",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d3c8214b847.jpeg",
+            role: "Leder",
+          },
+          {
+            name: "Nicolai Ramsvik Andersen",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/64f996a5938da.jpeg",
+            role: "Nestleder",
+          },
+          {
+            name: "Erik Bjordal",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d00e000503f.jpeg",
+            role: "Rekruttering",
+          },
+          {
+            name: "Balder Hopp-Haugstvedt",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63d0175742e04.jpeg",
+            role: "Skolekoordinering",
+          },
+        ]}
+      />
+
+      <div className="font-sans text-lg text-black text-left m-5 mt-20">
+        Styret består av leder, nestleder, sekretær og alle teamlederne. I løpet
+        av de ukentlige møtene gjennomgåes ukens og fremtidige saker, som kan
+        være alt fra å organisere sosiale aktiviteter til å løse problemer som
+        oppstår under driften av Vektorprogrammet i Bergen.
+      </div>
+    </div>
+  );
+};
+
+export default Styret;
diff --git a/src/pages/public/Team/TeamPages/TeamTemplate.tsx b/src/pages/public/Team/TeamPages/TeamTemplate.tsx
@@ -25,15 +25,20 @@ const TeamTemplate = ({
       <div className="text-vektor-darblue text-center mt-5 text-base font-bold">
         Epost:
         {" "}
-        <a className="text-sm overflow-hidden hover:underline break-all text-base font-normal" href={`mailto:${mail}`}>{mail}</a>
+        <a
+          className="text-sm overflow-hidden hover:underline break-all text-base font-normal"
+          href={`mailto:${mail}`}
+        >
+          {mail}
+        </a>
       </div>
       <div className="font-sans text-vektor-darblue text-xl text-center m-3 my-5">
         {text}
       </div>
       <div className="flex flex-wrap justify-center mt-10">
         {members.map((data) => {
           return (
-            <div className="w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5">
+            <div key={data.image} className="w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5">
               <Member name={data.name} role={data.role} image={data.image} />
             </div>
           );

diff --git a/src/pages/public/Team/TeamPages/index.ts b/src/pages/public/Team/TeamPages/index.ts
@@ -11,3 +11,6 @@ export { default as SponsorOkonomiAas } from "./Aas/SponsorOkonomi";
 export { default as SkolekoordineringAas } from "./Aas/Skolekoordinering";
 export { default as EvalueringRekrutteringProfileringAas } from "./Aas/EvalueringRekrutteringProfilering";
 export { default as SosialtAas } from "./Aas/Sosialt";
+export { default as StyretBergen } from "./Bergen/Styret";
+export { default as SkolekoordineringBergen } from "./Bergen/Skolekoordinering";
+export { default as RekrutteringBergen } from "./Bergen/Rekruttering";
diff --git a/src/pages/public/Team/TeamPages/routes.tsx b/src/pages/public/Team/TeamPages/routes.tsx
@@ -16,6 +16,9 @@ import {
   SkolekoordineringAas,
   EvalueringRekrutteringProfileringAas,
   SosialtAas,
+  StyretBergen,
+  SkolekoordineringBergen,
+  RekrutteringBergen,
 } from "./index";
 
 // The route with the corresponding component to render in the route
@@ -35,5 +38,8 @@ const routes: AppRoute[] = [
   { path: "aas/evaluering-rekruttering-profilering", element: <EvalueringRekrutteringProfileringAas />, name: "evaluering-rekruttering-profilering" },
   { path: "aas/sosialt", element: <SosialtAas />, name: "sosialt" },
   { path: "hovedstyret", element: <Hovedstyret />, name: "hovedstyret" },
+  { path: "bergen/styret", element: <StyretBergen />, name: "styret-bergen" },
+  { path: "bergen/skolekoordinering", element: <SkolekoordineringBergen />, name: "skolekoordinering-bergen" },
+  { path: "bergen/rekruttering", element: <RekrutteringBergen />, name: "rekruttering-bergen" },
 ];
 export default routes;