refactor

opentofu · Sep 19, 2023 · 06190ca · 06190ca
1 parent 5757de0
commit 06190ca
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/components/Accordion/Item.tsx b/src/components/Accordion/Item.tsx
@@ -6,21 +6,28 @@ type AccordionItemProps = {
   summary: string;
   open?: boolean;
   highlight?: boolean;
-  id: string
+  id: string;
+  isHashEnabled?: boolean;
 };
 
-const AccordionItem = ({ summary, open, children, id }: AccordionItemProps) => {
+const AccordionItem = ({
+  summary,
+  open,
+  children,
+  id,
+  isHashEnabled,
+}: AccordionItemProps) => {
   const detailsRef = useRef(null);
   const location = useLocation();
-  const hashEnabled = location.pathname === '/faq'
+
   const handleItemClick = () => {
     document.querySelectorAll("details.accordion-item").forEach((item) => {
       if (item !== detailsRef.current) {
         item.removeAttribute("open");
       }
     });
 
-    if(!hashEnabled) {
+    if (!isHashEnabled) {
       return;
     }
 
@@ -33,7 +40,7 @@ const AccordionItem = ({ summary, open, children, id }: AccordionItemProps) => {
   };
 
   useEffect(() => {
-    if (decodeURI(location.hash) === `#${id}` && hashEnabled) {
+    if (decodeURI(location.hash) === `#${id}` && isHashEnabled) {
       document.querySelectorAll("details.accordion-item").forEach((item) => {
         if (item !== detailsRef.current) {
           item.removeAttribute("open");

diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
@@ -19,7 +19,9 @@ export default function FAQ() {
         <Accordion>
           <MDXProvider
             components={{
-              AccordionItem,
+              AccordionItem: (props) => (
+                <AccordionItem isHashEnabled {...props} />
+              ),
               a: (props) => (
                 <Link className="text-inherit underline" {...props} />
               ),