1.  
2. import React, { useState, useEffect } from 'react';
3. import axios from 'axios';
4. import { sendChildNode } from './Utilities/requests'
5.  
6.  
7. const Accordion = () => {
8.     const [accordionOpen, setAccordionOpen] = useState(false);
9.  
10.     useEffect (() => {
11.         const fetchData = async () => {
12.         try {
13.             if (process.env.NODE_ENV === "development") {
14.              axios.defaults.baseURL = "http://localhost:1337"; //Specify ZAP API URL here in development environment
15.             } else {
16.                 axios.defaults.baseURL = ""
17.             }
18.  
19.             const response = await axios.get('/JSON/core/view/childNodes/');
20.             console.log(response);
21.             setAccordionOpen(response.data.accordionOpen);
22.            
23.         } catch (error) {
24.             console.error('Error fetching data:', error);
25.         }
26.     }
27.  
28.     fetchData();
29.       }, []);
30.  
31.     return (
32.         <div className="py-2">
33.             <button
34.                   => setAccordionOpen(!accordionOpen)}
35.                 className="flex justify-between w-full"
36.             >
37.                
38.                 {accordionOpen ? <span className="pl-2">▼</span> : <span className="pl-2">▶</span>}
39.                 <span class='ml-2'>https://google.com/user=1?</span>
40.             </button>
41.             <div
42.                 className={`
43.                     grid overflow-hidden transition-all duration-300 ease-in-out text-slate-400
44.                     ${accordionOpen ? "grid-rows-[1fr] opacity-300" : "grid-rows-[0fr] opacity-0"}
45.                 `}
46.             >
47.                 <div className="overflow-hidden">
48.                 {accordionOpen && accordionOpen.map((node) => (
49.                      <p className='' key={node.hrefId}>{node.name}</p>
50.                     ))}
51.                 </div>
52.             </div>
53.         </div>
54.     );
55. }
56.  
57. export default Accordion;
58.