From 071169a61842e18ed4c3076422d08b1050942f62 Mon Sep 17 00:00:00 2001 From: faucomte97 Date: Wed, 17 Jul 2024 16:17:47 +0100 Subject: [PATCH] Prettier --- src/components/Introduction.tsx | 20 ++++----- src/pages/codingClubs/ClubAim.tsx | 45 +++++++++---------- src/pages/codingClubs/CodingClubs.tsx | 62 ++++++++++++++++++--------- src/router/routes/general.tsx | 4 +- 4 files changed, 76 insertions(+), 55 deletions(-) diff --git a/src/components/Introduction.tsx b/src/components/Introduction.tsx index b9ee7f7..2cac56a 100644 --- a/src/components/Introduction.tsx +++ b/src/components/Introduction.tsx @@ -3,18 +3,18 @@ import { type GridDirection, Stack, Typography, - Unstable_Grid2 as Grid + Unstable_Grid2 as Grid, } from "@mui/material" import type { ResponsiveStyleValue } from "@mui/system" import { Image } from "codeforlife/components" const Introduction: FC<{ - header: string; - img: { alt: string; src: string }; - children: ReactNode; - direction?: ResponsiveStyleValue; -}> = ({ header, img, children, direction = 'row' }) => { + header: string + img: { alt: string; src: string } + children: ReactNode + direction?: ResponsiveStyleValue +}> = ({ header, img, children, direction = "row" }) => { return ( <> - + {header} {children} @@ -34,7 +34,7 @@ const Introduction: FC<{ - ); -}; + ) +} -export default Introduction; +export default Introduction diff --git a/src/pages/codingClubs/ClubAim.tsx b/src/pages/codingClubs/ClubAim.tsx index bb7d129..63977a7 100644 --- a/src/pages/codingClubs/ClubAim.tsx +++ b/src/pages/codingClubs/ClubAim.tsx @@ -1,26 +1,27 @@ import { type FC } from "react" -import { - Stack, - Typography -} from '@mui/material'; +import { Stack, Typography } from "@mui/material" const ClubAim: FC = () => { - return <> - - - Who are the club packs aimed at? - - - The FREE resource packs are aimed at two different groups, the first is aimed at students ages between 7-11yrs with an interest in learning Python. The second pack is aimed at students 12yrs and up, including adults. This moves at a much faster pace and also introduces students to setting up an environment on their own computer. - - - Both packs are a condensed learning pathway using our game Rapid Router alongside suggested session plan and slides. - - - ; -}; + return ( + <> + + + Who are the club packs aimed at? + + + The FREE resource packs are aimed at two different groups, the first + is aimed at students ages between 7-11yrs with an interest in learning + Python. The second pack is aimed at students 12yrs and up, including + adults. This moves at a much faster pace and also introduces students + to setting up an environment on their own computer. + + + Both packs are a condensed learning pathway using our game Rapid + Router alongside suggested session plan and slides. + + + + ) +} -export default ClubAim; +export default ClubAim diff --git a/src/pages/codingClubs/CodingClubs.tsx b/src/pages/codingClubs/CodingClubs.tsx index a2a3c8b..83f8946 100644 --- a/src/pages/codingClubs/CodingClubs.tsx +++ b/src/pages/codingClubs/CodingClubs.tsx @@ -5,7 +5,7 @@ import { Download as DownloadIcon } from "@mui/icons-material" import * as page from "codeforlife/components/page" import CodeClubHeroImage from "../../images/coding_club_hero_hexagon.jpg" -import AboutUsCFLImage from "../../images/about_us.jpg" +import AboutUsImage from "../../images/about_us.jpg" import PythonClubImage from "../../images/coding_club_python_pack.png" import Introduction from "../../components/Introduction" @@ -13,67 +13,87 @@ import ClubAim from "./ClubAim" import { Link, LinkButton } from "codeforlife/components/router" const CodingClubs: FC = () => { - const theme = useTheme(); + const theme = useTheme() return ( - Download your FREE coding club pack for students aged 7-11. This pack introduces students to the first principles of Python at a faster pace than the regular lesson plans. It is aimed at students already interested in learning coding and can be used in clubs, at home or in school, on or offline. + Download your FREE coding club pack for students aged 7-11. This + pack introduces students to the first principles of Python at a + faster pace than the regular lesson plans. It is aimed at students + already interested in learning coding and can be used in clubs, at + home or in school, on or offline. - View the resources + View the resources{" "} + online here - . + + . {/*TODO: Link to GTM for analytics*/} }> + endIcon={} + > Download the Primary coding club pack - Download your FREE coding club pack for students aged 12 and above. This pack is a fast paced introduction to Python. It is aimed at students already interested in learning coding, individuals looking to learn and run their own club, or adults wanting to try coding out. It is designed to be used in face-to-face or online clubs. + Download your FREE coding club pack for students aged 12 and above. + This pack is a fast paced introduction to Python. It is aimed at + students already interested in learning coding, individuals looking + to learn and run their own club, or adults wanting to try coding + out. It is designed to be used in face-to-face or online clubs. - View the resources + View the resources{" "} + online here - . + + . {/*TODO: Link to GTM for analytics*/} }> + endIcon={} + > Download the Python coding club pack - ); -}; + ) +} -export default CodingClubs; +export default CodingClubs diff --git a/src/router/routes/general.tsx b/src/router/routes/general.tsx index 5e715f5..40957c9 100644 --- a/src/router/routes/general.tsx +++ b/src/router/routes/general.tsx @@ -2,7 +2,7 @@ import { Route } from "react-router-dom" import Home from "../../pages/home/Home" // import AboutUs from '../../pages/aboutUs/AboutUs'; -import CodingClubs from '../../pages/codingClubs/CodingClubs'; +import CodingClubs from "../../pages/codingClubs/CodingClubs" // import GetInvolved from '../../pages/getInvolved/GetInvolved'; // import Contribute from '../../pages/contribute/Contribute'; // import HomeLearning from '../../pages/homeLearning/HomeLearning'; @@ -18,7 +18,7 @@ const general = ( {/* } /> */} {/* } /> */} {/* } /> */} - } /> + } /> {/* } /> */} )