From 4e1c188f9e41bd01691e6a2a577196d57b46a59a Mon Sep 17 00:00:00 2001 From: Sidney Gijzen Date: Thu, 4 Nov 2021 10:47:55 +0100 Subject: [PATCH] Modal Join us * Add 'Join us' modal * Add action button 'Join us' to top and bottom of Homepage * Add link 'Join us' in footer menu --- components/footer/component.js | 12 ++ components/homepage/section-1/component.js | 23 +++- components/homepage/section-7/component.js | 23 +++- components/join-us-modal/component.js | 104 ++++++++++++++++++ components/join-us-modal/index.js | 3 + components/join-us-modal/style.scss | 19 ++++ ...sharing-agreement-soils-revealed-isric.pdf | Bin 0 -> 735628 bytes public/images/inta-logo.jpg | Bin 0 -> 24656 bytes ...oin-us-wosis-present-data-contributors.jpg | Bin 0 -> 78908 bytes 9 files changed, 178 insertions(+), 6 deletions(-) create mode 100644 components/join-us-modal/component.js create mode 100644 components/join-us-modal/index.js create mode 100644 components/join-us-modal/style.scss create mode 100644 public/files/data-sharing-agreement-soils-revealed-isric.pdf create mode 100644 public/images/inta-logo.jpg create mode 100644 public/images/join-us-wosis-present-data-contributors.jpg diff --git a/components/footer/component.js b/components/footer/component.js index 4708091..e727815 100644 --- a/components/footer/component.js +++ b/components/footer/component.js @@ -3,15 +3,18 @@ import { Link } from 'lib/routes'; import Icon from 'components/icon'; import AboutModal from 'components/about-modal'; +import JoinUsModal from 'components/join-us-modal'; import './style.scss'; const Footer = () => { const [aboutModalOpen, setAboutModalOpen] = useState(false); + const [joinUsModalOpen, setJoinUsModalOpen] = useState(false); return ( <> setAboutModalOpen(false)} /> + setJoinUsModalOpen(false)} />