Vf 118 lag hovedstyret side (#248)

* Lag Hovedstyretside og route

* Få knapp til å linke til hovedstyretside

* Fjern Frøya fra hovedstyret

* Fiks lint errors

---------

Co-authored-by: mauricew <[email protected]>

src/pages/public/Team/TeamPages/Hovedstyret/Hovedstyret.tsx

@@ -0,0 +1,89 @@
+import React from "react";
+import TeamTemplate from "../TeamTemplate";
+
+const Hovedstyret = (): JSX.Element => {
+  return (
+    <div className="max-w-screen-lg mt-5 mb-20 mx-auto flex flex-col">
+      <TeamTemplate
+        name="Hovedstyret"
+        mail="[email protected]"
+        text="Hovedstyret er Vektorprogrammets nasjonale styre, og har overordnet ansvar for hele organisasjonen."
+        members={[
+          {
+            name: "Silje Li",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/64dc8c19c5885.jpeg",
+            role: "Leder",
+          },
+          {
+            name: "Ragna Vårli Håland",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img/images/Profile%20photos/633f033cb4d48.jpeg",
+            role: "Nestleder",
+          },
+          {
+            name: "Aaryan Neupane",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/644805d1e8ef2.jpeg",
+            role: "IT-ansvarlig",
+          },
+          {
+            name: "David Ramsvik",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/6370f59dcadc0.jpeg",
+            role: "Mentor",
+          },
+          {
+            name: "Thomas Bjørn Olivier Jenssen",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/6172ab0646db7.jpeg",
+            role: "Profilering",
+          },
+          {
+            name: "Adrian Larsen",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/5f59274b49278.jpeg",
+            role: "Sponsor",
+          },
+          {
+            name: "Odin Nilsen",
+            image:
+              "https://vektorprogrammet.no/media/cache/profile_img_small/images/Profile%20photos/63615c0f67d3a.jpeg",
+            role: "Økonomi",
+          },
+        ]}
+      />
+
+      <div className="font-sans text-lg text-black text-left m-5 mt-8">
+        Styret består av åtte stillinger: Leder, nestleder,
+        ekspansjonsansvarlig, IT-ansvarlig, profileringsansvarlig,
+        sponsoransvarlig, økonomiansvarlig og mentor. Samlet har styret varierte
+        arbeidsoppgaver, og jobber blant annet med forbedring av vedtekter,
+        utarbeiding av budsjett og oppfølging rundt organisasjonens daglige
+        drift.
+      </div>
+      <div className="font-sans text-lg text-black text-left m-5 mt-8">
+        Hovedstyret har ansvar for alle regionene, og samarbeider tett med
+        lokalstyrene. Ekspansjonsansvarling har hovedansvar for å følge opp
+        regionene, i tillegg innebærer rollen arbeid med utvidelse av
+        organisasjonen. Økonomiansvarlig holder oversikt over hele
+        organisasjonens økonomi. Sponsoransvarlig er ansvarlig for
+        organisasjonens nasjonale sponsorer og å følge opp sponsorarbeid i
+        regionene. Profileringsansvarlig er ansvarlig for oppfølgning av
+        regioners profileringsarbeid, og grafisk design på et nasjonalt nivå.
+        IT-ansvarlig har ansvar for drift og videreutvikling av hjemmesiden.
+        Mentor er et erfarent medlem av Vektorprogrammet, med god kjennskap til
+        organisasjonen, og har ansvar for å bidra med sin erfaring for å hjelpe
+        resten av Hovedstyret der det er behov.
+      </div>
+      <div className="font-sans text-lg text-black text-left m-5 mt-8">
+        Nytt hovedstyre blir valgt hvert år på årsmøtet som avholdes i april.
+        Alle medlemmer i Vektorprogrammet har mulighet til å stille til alle
+        stillingene utenom mentor, hvor man må ha hatt en tidligere rolle i
+        Hovedstyret for å kunne stille.
+      </div>
+    </div>
+  );
+};
+
+export default Hovedstyret;

src/pages/public/Team/TeamPages/routes.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { AppRoute } from "App";
 import Team from "../index";
+import Hovedstyret from "./Hovedstyret/Hovedstyret";
 import {
   IT,
   Evaluering,
@@ -23,6 +24,6 @@ const routes: AppRoute[] = [
   { path: "trondheim/skolekoordinering", element: <Skolekoordinering />, name: "skolekoordinering" },
   { path: "trondheim/sponsor", element: <Sponsor />, name: "sponsor" },
   { path: "trondheim/styret", element: <Styret />, name: "styret" },
+  { path: "hovedstyret", element: <Hovedstyret />, name: "hovedstyret" },
 ];
-
 export default routes;

src/pages/public/Team/components/TeamTabs.tsx

@@ -1,4 +1,5 @@
 import React from "react";
+import { useNavigate } from "react-router-dom";
 import Division from "./Division";
 
 interface TabProps {
@@ -47,6 +48,7 @@ const BergenTab = ({ open }: { open: boolean }): JSX.Element => {
 };
 
 const HovedstyretTab = ({ open }: { open: boolean }): JSX.Element => {
+  const navigate = useNavigate();
   return (
     <div className={`flex flex-row flex-col md:flex-row ${open ? "block" : "hidden"}`}>
       <div className="flex-1 md:w-1/2 object-contain">
@@ -67,7 +69,7 @@ const HovedstyretTab = ({ open }: { open: boolean }): JSX.Element => {
           <div className="top-0 dark:text-white">{`${8} medlemmer`}</div>
         </div>
         <br />
-        <button type="button" className="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded ml-4 md:ml-10 dark:bg-vektor-darblue dark:text-white dark:hover:bg-blue-600 transition duration-300">
+        <button type="button" onClick={() => navigate(`/team/hovedstyret`)} className="bg-transparent hover:bg-blue-500 text-blue-700 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded ml-4 md:ml-10 dark:bg-vektor-darblue dark:text-white dark:hover:bg-blue-600 transition duration-300">
           Les mer om hovedstyret
         </button>
       </div>