import React from "react"; import styled from "styled-components"; import { TextSection, Link } from "@components/index"; import colors from "@theme/colors"; import ContactCard from "@components/ContactCard"; import BoardJson from "./board.json"; const orderedCommittees = [ BoardJson, ]; const blankProfile = "/img/blank_profile.png"; const BlueLink = styled(Link)` color: ${colors.blue1}; &:hover { color: ${colors.lightBlue}; } `; const Container = styled.div` color: ${colors.darkBlue}; align-items: center; justify-content: center; width: 50vw; & > h2 { text-transform: uppercase; font-size: 4rem; width: 100%; } & > div { display: flex; flex-flow: row wrap; } @media (max-width: 950px) { width: 100vw; } `; const BoardImage = styled.img` width: 100%; height: auto; margin-bottom: 2rem; border-radius: 8px; `; const ContactContainer = styled.div` overflow-x: hidden; @media (max-width: 950px) { margin-top: 0; } `; const CommitteeContainer: React.FC<{ committee: Committee; children: React.ReactNode; }> = ({ committee, children }) => ( {committee.slug === "board" && ( )}
{committee.roles.map((role) => ( role.representatives.map((representative) => ( )) ))}
{children}
); interface Committee { slug: string; name_fi: string; name_en: string; roles: Array; } interface Role { name_fi: string; name_en: string; representatives: Array } interface Representative { name: string; phone_number?: string; email?: string; image?: string; } const BoardPageView: React.FC = () => ( <>

Hallitus

Tältä sivulta löydät killan hallituksen jäsenten yhteystiedot.

{"Koko hallitukseen saa yhteyden lähettämällä sähköpostia osoitteeseen "} hallitus@sahkoinsinoorikilta.fi .

Muut yhteystiedot löydät täältä.

{"Hallitukselle voi myös lähettää palautetta täyttämällä "} palautelomakkeen . Lomakkeen vastauksia käydään läpi hallituksen kokouksissa.

{orderedCommittees.map((json) => ( {(json.slug === "board")} ))} ); export default BoardPageView;