All files / react-app/src/components/SupportPage navigationBar.tsx

100% Statements 1/1
100% Branches 0/0
100% Functions 1/1
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32                    77x                                          
import React from "react";
 
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components";
 
import ContactHelpDesk from "./contactHelpDesk";
 
interface LeftNavigationProps {
  topics: string[];
}
 
const LeftNavigation = ({ topics }: LeftNavigationProps) => {
  return (
    <div className="w-full pr-4">
      <h2 className="text-2xl font-bold mb-6 font-serif">Topics</h2>
      <Accordion type="multiple">
        {topics.map((item) => (
          <AccordionItem value={item} key={item} className="border-none">
            <AccordionTrigger className="text-gray-700 hover:text-gray-900 py-2">
              <div className="font-semibold">{item}</div>
            </AccordionTrigger>
            <AccordionContent></AccordionContent>
          </AccordionItem>
        ))}
      </Accordion>
 
      <ContactHelpDesk />
    </div>
  );
};
 
export default LeftNavigation;