Fix Accordion.tsx

aelassas · Sep 30, 2024 · 27ca6ad · 27ca6ad
1 parent 715f5e1
commit 27ca6ad
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 8 deletions.
diff --git a/api/src/config/env.config.ts b/api/src/config/env.config.ts
@@ -308,7 +308,7 @@ export const STRIPE_SESSION_EXPIRE_AT = stripeSessionExpireAt
 export const BOOKING_EXPIRE_AT = STRIPE_SESSION_EXPIRE_AT + (10 * 60)
 
 /**
- * Private SSL key filepath.
+ * Admin email.
  *
  * @type {string}
  */
@@ -539,8 +539,8 @@ export interface LocationValue extends Document {
  * Country Document.
  *
  * @export
- * @interface Location
- * @typedef {Location}
+ * @interface Country
+ * @typedef {Country}
  * @extends {Document}
  */
 export interface Country extends Document {

diff --git a/backend/src/assets/css/accordion.css b/backend/src/assets/css/accordion.css
@@ -29,7 +29,7 @@ div.accordion-container span.accordion-active {
 
 div.accordion-container span.accordion-active,
 div.accordion-container span.accordion:hover {
-  background: #fafafa;
+  background: #fff;
 }
 
 div.accordion-container span.accordion::after {

diff --git a/backend/src/components/Accordion.tsx b/backend/src/components/Accordion.tsx
@@ -17,7 +17,7 @@ const Accordion = ({
   offsetHeight = 0,
   children
 }: AccordionProps) => {
-  const accordionRef = useRef<HTMLLabelElement>(null)
+  const accordionRef = useRef<HTMLSpanElement>(null)
 
   const handleAccordionClick = (e: React.MouseEvent<HTMLElement>) => {
     e.currentTarget.classList.toggle('accordion-active')
@@ -38,7 +38,7 @@ const Accordion = ({
 
   useEffect(() => {
     if (collapse && accordionRef.current) {
-      accordionRef.current.classList.toggle('accordion-active')
+      accordionRef.current.classList.add('accordion-active')
     }
   }, [collapse])
 

diff --git a/frontend/src/assets/css/accordion.css b/frontend/src/assets/css/accordion.css
@@ -29,7 +29,7 @@ div.accordion-container span.accordion-active {
 
 div.accordion-container span.accordion-active,
 div.accordion-container span.accordion:hover {
-  background: #fafafa;
+  background: #fff;
 }
 
 div.accordion-container span.accordion::after {

diff --git a/frontend/src/components/Accordion.tsx b/frontend/src/components/Accordion.tsx
@@ -38,7 +38,7 @@ const Accordion = ({
 
   useEffect(() => {
     if (collapse && accordionRef.current) {
-      accordionRef.current.classList.toggle('accordion-active')
+      accordionRef.current.classList.add('accordion-active')
     }
   }, [collapse])