From f31fee545be1b149eb7a08e8f4d6bd692928a94c Mon Sep 17 00:00:00 2001 From: polmf <99polmf@gmail.com> Date: Fri, 23 Jan 2026 13:00:14 +0100 Subject: [PATCH 1/2] fix faqs --- src/app/components/FAQs.tsx | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/src/app/components/FAQs.tsx b/src/app/components/FAQs.tsx index bcd58651..7871653b 100644 --- a/src/app/components/FAQs.tsx +++ b/src/app/components/FAQs.tsx @@ -43,7 +43,6 @@ const SectionTitleStyled = styled(SectionTitle)` align-items: center; justify-content: center; margin: 0 auto; - padding: ${SpacingM} clamp(4rem, 15vw, 12rem); background-image: url("/faqs.svg"); background-repeat: no-repeat; @@ -105,9 +104,10 @@ const QuestionBox = styled.div` border-radius: 10px; box-shadow: 2px 2px 8px black; background-color: #5b5340; + cursor: pointer; `; -const SupportImage = styled(Image)<{ +const SupportImage = styled(Image) <{ side: "left" | "right"; isVisible: boolean; }>` @@ -196,7 +196,6 @@ const TorchWrapper = styled.div` position: relative; width: 24px; height: 40px; - cursor: pointer; `; const FireGif = styled(Image)` @@ -215,7 +214,6 @@ const TorchIcon = styled(Image)` `; const QuestionTitle = styled(BodyBold)` - cursor: pointer; color: #ffffff; `; @@ -338,7 +336,7 @@ export default function FAQs() { const renderFaq = (faq: Faq) => ( - + toggleFaq(faq.id)}> - toggleFaq(faq.id)}> + {activeFaqId === faq.id && ( - toggleFaq(faq.id)}> - {faq.question} - + {faq.question} @@ -427,8 +423,8 @@ export default function FAQs() { - DM us on Instagram at @hackupc or, if you want to contact us via - email, drop us a line at{" "} + DM us on Instagram at @hackupc or, if you want to contact us via email, + drop us a line at{" "} contact@hackupc.com From 8c23bcd005d3a56facd7ef4c16c3a7b4024f9e8e Mon Sep 17 00:00:00 2001 From: polmf <99polmf@gmail.com> Date: Fri, 23 Jan 2026 13:02:46 +0100 Subject: [PATCH 2/2] linter --- src/app/components/FAQs.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/components/FAQs.tsx b/src/app/components/FAQs.tsx index 7871653b..373a19d6 100644 --- a/src/app/components/FAQs.tsx +++ b/src/app/components/FAQs.tsx @@ -107,7 +107,7 @@ const QuestionBox = styled.div` cursor: pointer; `; -const SupportImage = styled(Image) <{ +const SupportImage = styled(Image)<{ side: "left" | "right"; isVisible: boolean; }>` @@ -423,8 +423,8 @@ export default function FAQs() { - DM us on Instagram at @hackupc or, if you want to contact us via email, - drop us a line at{" "} + DM us on Instagram at @hackupc or, if you want to contact us via + email, drop us a line at{" "} contact@hackupc.com