From 39513db90126256a9342988891a4cf06efe5fdc5 Mon Sep 17 00:00:00 2001 From: Florian Aucomte Date: Tue, 10 Sep 2024 08:19:24 +0100 Subject: [PATCH] Add footer (#35) * Add footer * Fix import * Update links * Feedback --- .env | 18 ++-- src/App.tsx | 3 +- src/api/user.ts | 14 +++ src/app/env.ts | 6 ++ src/features/footer/Footer.tsx | 70 ++++++++++++++ src/features/footer/Links.tsx | 77 ++++++++++++++++ .../footer/RegisterToNewsletterForm.tsx | 87 ++++++++++++++++++ src/features/footer/SocialMediaIcons.tsx | 65 +++++++++++++ src/images/10_years_anniversary.png | Bin 0 -> 45815 bytes src/images/logo_cfl_powered.svg | 35 +++++++ 10 files changed, 362 insertions(+), 13 deletions(-) create mode 100644 src/features/footer/Footer.tsx create mode 100644 src/features/footer/Links.tsx create mode 100644 src/features/footer/RegisterToNewsletterForm.tsx create mode 100644 src/features/footer/SocialMediaIcons.tsx create mode 100644 src/images/10_years_anniversary.png create mode 100644 src/images/logo_cfl_powered.svg diff --git a/.env b/.env index e9feecb..90bddb6 100644 --- a/.env +++ b/.env @@ -10,36 +10,30 @@ VITE_GMAIL_FILTERS_EMAIL_VERIFICATION="from:no-reply@info.codeforlife.education VITE_LINK_FEMALE_GRADUATES_IN_CS=https://www.wisecampaign.org.uk/core-stem-graduates-2019/ VITE_LINK_OUTLOOK_HOME=https://outlook.live.com/mail/ VITE_LINK_SKILLS_FOR_THE_FUTURE=https://www.ocadogroup.com/sustainability/sustainability/ +VITE_LINK_FACEBOOK=https://www.facebook.com/codeforlifeuk +VITE_LINK_INSTAGRAM=https://www.instagram.com/codeforlife_uk/ +VITE_LINK_LINKEDIN=https://www.linkedin.com/company/code-for-life-uk/ +VITE_LINK_X=https://x.com/codeforlifeuk +VITE_LINK_YOUTUBE=https://www.youtube.com/@CodeForLife-uk VITE_LINK_PORTAL_GITHUB=https://github.com/ocadotechnology/codeforlife-portal VITE_LINK_CFL_DOCS=https://docs.codeforlife.education/become-a-contributor VITE_LINK_PRIMARY_PACK_GITBOOK=https://code-for-life.gitbook.io/teaching-resources/v/code-club-resources-primary VITE_LINK_PRIMARY_PACK_DOWNLOAD=https://storage.googleapis.com/codeforlife-assets/club_packs/PrimaryCodingClub.zip VITE_LINK_PYTHON_PACK_GITBOOK=https://code-for-life.gitbook.io/teaching-resources/v/rapid-introduction-to-python-code-club VITE_LINK_PYTHON_PACK_DOWNLOAD=https://storage.googleapis.com/codeforlife-assets/club_packs/PythonCodingClub.zip +VITE_LINK_IMPACT_REPORT_2023=https://storage.googleapis.com/codeforlife-assets/impact_reports/impact_report_2023.pdf # TODO: determine which of these we need. # REACT_APP_CONTAINER_MAX_WIDTH=lg -# REACT_APP_FACEBOOK_HREF=https://www.facebook.com/codeforlifeuk -# REACT_APP_TWITTER_HREF=https://twitter.com/codeforlifeuk -# REACT_APP_INSTAGRAM_HREF=https://www.instagram.com/codeforlife_uk/ -# REACT_APP_OCADO_GROUP_HREF=https://www.ocadogroup.com/our-responsible-business/corporate-responsibility/skills-for-the-future -# REACT_APP_PORTAL_GITHUB_HREF=https://github.com/ocadotechnology/codeforlife-portal -# REACT_APP_CFL_DOCS_HREF=https://docs.codeforlife.education/ -# REACT_APP_PRIMARY_RESOURCE_HREF=https://code-for-life.gitbook.io/code-club-resources/ -# REACT_APP_PYTHON_RESOURCE_HREF=https://code-for-life.gitbook.io/code-club-resources-intermediate/ # REACT_APP_IDEAS_BOX_HREF=https://docs.google.com/forms/d/e/1FAIpQLSclasSZCb7s26Yax3KZuXIFhLjMhGK591WPvht0BkfjSiQR1w/viewform # REACT_APP_INDEPENDENT_BEGINNER_HREF=https://code-for-life.gitbook.io/independent-student-resources/beginner/ # REACT_APP_INDEPENDENT_INTERMEDIATE_HREF=https://code-for-life.gitbook.io/independent-student-resources/intermediate/ # REACT_APP_INDEPENDENT_ADVANCED_HREF=https://code-for-life.gitbook.io/independent-student-resources/advanced/ # REACT_APP_API_BASE_URL=http://localhost:8000/api/ # REACT_APP_RAPID_ROUTER_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/w0Pw_XikQSs -# REACT_APP_KURONO_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/m-JYukDZlL8 # REACT_APP_BLOCKLY_GUIDE_SRC=https://docs.codeforlife.education/rapid-router/blockly-guide # REACT_APP_TEACHER_RESOURCES_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/tM5nKPYlz74 # REACT_APP_RR_FOR_TEACHER_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/hv0fM0twrOE -# REACT_APP_KURONO_FOR_TEACHER_YOUTUBE_VIDEO_SRC=https://www.youtube-nocookie.com/embed/6iiksCtIIGA # REACT_APP_INTRO_TO_CODING_ENGLAND=https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-england # REACT_APP_INTRO_TO_CODING_SCOTLAND=https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/introduction-to-coding-scotland -# REACT_APP_KURONO_AND_CURRICULUM=https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/teacher-guides/kurono-and-the-national-curriculum-for-computing # REACT_APP_RR_TEACHING_RESOURCE=https://code-for-life.gitbook.io/teaching-resources/rapid-router-resources/welcome-to-rapid-router -# REACT_APP_KURONO_TEACHING_RESOURCE=https://code-for-life.gitbook.io/teaching-resources/v/kurono-teaching-resources/ diff --git a/src/App.tsx b/src/App.tsx index c43a24e..65c8c3c 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,6 +1,7 @@ import { type FC } from "react" import { App as _ } from "codeforlife/components" +import Footer from "./features/footer/Footer.tsx" import routes from "./routes" import store from "./app/store" import theme from "./app/theme" @@ -8,7 +9,7 @@ import theme from "./app/theme" export interface AppProps {} const App: FC = () => ( - <_ store={store} theme={theme} routes={routes} /> + <_ store={store} theme={theme} routes={routes} footer={