scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-194): remove function for styling

Browse Source
This commit is contained in:
Matilda Landström
2024-10-15 13:50:07 +02:00
parent fca67dd66b
commit e5aa3faa0b
2 changed files with 5 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Blocks/Accordion/accordion.module.css
View File

@@ -1,7 +1,7 @@
.hiddenItem { .accordion :not(.allVisible):nth-child(n + 6) {
display: none; display: none;
} }
.lastItem { .accordion :not(.allVisible):nth-child(5) {
border: none; border: none;
} }

15
components/Blocks/Accordion/index.tsx
View File

@@ -22,24 +22,15 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
setAllAccordionsVisible((state) => !state) setAllAccordionsVisible((state) => !state)
} }
function getClassName(idx: number): string {
if (!allAccordionsVisible && idx > 4) {
return styles.hiddenItem
} else if (!allAccordionsVisible && idx === 4) {
return styles.lastItem
}
return ""
}
return ( return (
<SectionContainer id={HotelHashValues.faq}> <SectionContainer id={HotelHashValues.faq}>
{title && <SectionHeader textTransform="uppercase" title={title} />} {title && <SectionHeader textTransform="uppercase" title={title} />}
<Accordion theme="light" variant="card"> <Accordion className={styles.accordion} theme="light" variant="card">
{accordion.map((acc, idx: number) => ( {accordion.map((acc) => (
<AccordionItem <AccordionItem
key={acc.question} key={acc.question}
title={acc.question} title={acc.question}
className={getClassName(idx)} className={`${allAccordionsVisible ? styles.allVisible : ""}`}
> >
<JsonToHtml <JsonToHtml
embeds={acc.answer.embedded_itemsConnection.edges} embeds={acc.answer.embedded_itemsConnection.edges}