From 4991214e8263dcbea5c96ecda360eb8d5dd6f4f1 Mon Sep 17 00:00:00 2001 From: daluclemas Date: Thu, 13 Jun 2024 21:47:15 +0100 Subject: [PATCH 1/5] update(stem club): remove the schools visited section --- src/pages/stem-clubs/page.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/stem-clubs/page.jsx b/src/pages/stem-clubs/page.jsx index 33ece0a..9573836 100644 --- a/src/pages/stem-clubs/page.jsx +++ b/src/pages/stem-clubs/page.jsx @@ -46,7 +46,7 @@ const StemClubs = () => { - + {/* */}
Date: Thu, 13 Jun 2024 21:52:48 +0100 Subject: [PATCH 2/5] update(stemclubs): comment out schools component --- src/pages/stem-clubs/page.jsx | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/pages/stem-clubs/page.jsx b/src/pages/stem-clubs/page.jsx index 9573836..2830534 100644 --- a/src/pages/stem-clubs/page.jsx +++ b/src/pages/stem-clubs/page.jsx @@ -2,14 +2,13 @@ import React from "react"; import { ApiLoading, EmptyResponse, GlobalLayout } from "../../components"; import Stats from "../../components/shared-components/stats"; import ActivitiesSection from "../../components/shared-components/activities/activities-section"; -import Schools from "../../components/schools"; +// import Schools from "../../components/schools"; import { InfoCardHeader } from "../../components/shared-components"; import ImpactStoryCard from "../../components/cards/impact-stories-card"; // import { impactStories } from "../../utils/appData"; import { clubStudentsImage, floralWhiteImage } from "../../assets/images"; import { useQuery } from "@tanstack/react-query"; import { getAllImpactStories } from "../../services/queries"; - const StemClubs = () => { const { isLoading, data } = useQuery({ queryKey: ["impactstories"], From ddcd09cda0f08eae1f23e49a597bc81cf333eb14 Mon Sep 17 00:00:00 2001 From: daluclemas Date: Fri, 14 Jun 2024 11:49:14 +0100 Subject: [PATCH 3/5] update(footer): hide newsletter --- src/utils/appData.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/utils/appData.js b/src/utils/appData.js index 97bdc58..fa19991 100644 --- a/src/utils/appData.js +++ b/src/utils/appData.js @@ -107,11 +107,11 @@ export const communityLinks = [ path: "https://bit.ly/joinshecodeafrica", isNewsLetter: false, }, - { - pathname: "Sign Up For Our Newsletter", - path: "#", - isNewsLetter: true, - }, + // { + // pathname: "Sign Up For Our Newsletter", + // path: "#", + // isNewsLetter: true, + // }, ]; export const coursesSlider = [ From 0d6eff6bb192d810f1d9152f279872b90c8e98b5 Mon Sep 17 00:00:00 2001 From: daluclemas Date: Fri, 14 Jun 2024 23:00:37 +0100 Subject: [PATCH 4/5] update(ui update): make the necessary changes on the ui from the sheets --- src/components/contact-us/index.jsx | 15 ++++++++++++++- src/components/inputs/PrimaryInput.jsx | 18 ++++++++++++++++-- src/pages/home/page.jsx | 1 - src/utils/appData.js | 9 +++------ 4 files changed, 33 insertions(+), 10 deletions(-) diff --git a/src/components/contact-us/index.jsx b/src/components/contact-us/index.jsx index f3eb2db..8b82d57 100644 --- a/src/components/contact-us/index.jsx +++ b/src/components/contact-us/index.jsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useRef } from "react"; import { useForm } from "react-hook-form"; import { yupResolver } from "@hookform/resolvers/yup"; import * as yup from "yup"; @@ -40,6 +40,16 @@ const ContactUsComponent = () => { }, }); const onsubmit = (data) => handleContactUs(data); + + const textareaRef = useRef(); + + const handleTextAreaFocus = () => { + textareaRef.current.classList.add("border-[rgb(233,152,203)]"); + }; + + const handleTextAreaBlur = () => { + textareaRef.current.classList.remove("border-[rgb(233,152,203)]"); + }; return ( <>
@@ -105,12 +115,15 @@ const ContactUsComponent = () => { className={`w-full md:max-w-[549px] h-[290px] mt-2 rounded-md border border-gains overflow-hidden ${ errors.description?.message && "border-primaryPink" }`} + ref={textareaRef} >

diff --git a/src/components/inputs/PrimaryInput.jsx b/src/components/inputs/PrimaryInput.jsx index 9d46e95..d35ddad 100644 --- a/src/components/inputs/PrimaryInput.jsx +++ b/src/components/inputs/PrimaryInput.jsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useRef } from "react"; const PrimaryInput = ({ label, @@ -9,11 +9,20 @@ const PrimaryInput = ({ errors, isRequired = true, }) => { + const inputRef = useRef(); + + const handleInputFocus = () => { + inputRef.current.classList.add("border-[rgb(233,152,203)]"); + }; + + const handleInputBlur = () => { + inputRef.current.classList.remove("border-[rgb(233,152,203)]"); + }; return (

@@ -22,6 +31,7 @@ const PrimaryInput = ({ className={`w-full rounded-md border border-gains h-[50px] overflow-hidden mt-2 ${ errors && "border-primaryPink" }`} + ref={inputRef} > {isRequired ? ( ) : ( )}
diff --git a/src/pages/home/page.jsx b/src/pages/home/page.jsx index e67d2e4..ec88230 100644 --- a/src/pages/home/page.jsx +++ b/src/pages/home/page.jsx @@ -51,7 +51,6 @@ const HomePage = () => {

{activity.title}

-

{activity.description}

))} diff --git a/src/utils/appData.js b/src/utils/appData.js index fa19991..2a23256 100644 --- a/src/utils/appData.js +++ b/src/utils/appData.js @@ -243,27 +243,24 @@ export const clubActivities = [ export const activities = [ { - title: "Coding workshops", + title: "Coding", image: codingHeroImage, - description: "Coding workshops", }, { title: "Game Development", image: gameDevHeroImage, - description: "Coding workshops", }, { title: "Robotics (Arduino, Raspberry Pi)", image: roboticsHeroImage, - description: "Coding workshops", }, ]; export const faqs = [ { - title: "What is the SheCodeAfrica STEM-A-GIRL program about?", + title: "What is the SheCodeAfrica STEM-A-GIRL Program about?", content: - "The She Code Africa STEM Club is an initiative aimed at empowering girls to pursue careers in Science, Technology, Engineering, and Math (STEM).", + "The She Code Africa STEM-A-Girl Program is an initiative aimed at empowering girls to pursue careers in Science, Technology, Engineering, and Math (STEM).", }, { title: "Who can join the STEM Club?", From 49a5390761141bdda7862f2e1035257eae9ef101 Mon Sep 17 00:00:00 2001 From: daluclemas Date: Fri, 14 Jun 2024 23:08:49 +0100 Subject: [PATCH 5/5] update: add onblur mode --- src/components/contact-us/index.jsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/contact-us/index.jsx b/src/components/contact-us/index.jsx index 8b82d57..82dcb09 100644 --- a/src/components/contact-us/index.jsx +++ b/src/components/contact-us/index.jsx @@ -25,6 +25,7 @@ const ContactUsComponent = () => { formState: { errors }, } = useForm({ resolver: yupResolver(schema), + mode: "onBlur", }); const { mutate: handleContactUs } = useMutation({ mutationFn: makeEnquiry,