mirror of
https://github.com/community-scripts/ProxmoxVE.git
synced 2025-07-03 04:27:38 +00:00
0067075ed1
* Update ScriptAccordion and ScriptItem components for improved styling * Add README.md for Proxmox VE Helper-Scripts Frontend * Remove testing dependencies and related test files from the frontend project * Update analytics URL in siteConfig to point to community-scripts.org * Refactor ESLint configuration to have one source of truth and run "npm lint" to apply new changes * Update lint script in package.json to remove npm * Add 'next' option to ESLint configuration for improved compatibility * Update package dependencies and versions in package.json and package-lock.json * Refactor theme provider import and enhance calendar component for dynamic icon rendering * rename sidebar, alerts and buttons * rename description and interfaces files * rename more files * change folder name * Refactor tooltip logic to improve updateable condition handling * Enhance CommandMenu to prevent duplicate scripts across categories * Remove test step from frontend CI/CD workflow
31 lines
1.5 KiB
TypeScript
31 lines
1.5 KiB
TypeScript
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
import { Plus } from "lucide-react";
|
|
|
|
import { Accordion, AccordionContent, AccordionItem } from "./ui/accordion";
|
|
import { FAQ_Items } from "../config/faq-config";
|
|
|
|
export default function FAQ() {
|
|
return (
|
|
<div className="space-y-4">
|
|
<Accordion type="single" collapsible className="w-full">
|
|
{FAQ_Items.map((item, index) => (
|
|
<AccordionItem value={index.toString()} key={index} className="py-2">
|
|
<AccordionPrimitive.Header className="flex">
|
|
<AccordionPrimitive.Trigger className="flex flex-1 items-center gap-3 py-2 text-left text-[15px] font-semibold leading-6 transition-all [&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&>svg]:-order-1 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0 [&[data-state=open]>svg]:rotate-180">
|
|
{item.title}
|
|
<Plus
|
|
size={16}
|
|
strokeWidth={2}
|
|
className="shrink-0 opacity-60 transition-transform duration-200"
|
|
aria-hidden="true"
|
|
/>
|
|
</AccordionPrimitive.Trigger>
|
|
</AccordionPrimitive.Header>
|
|
<AccordionContent className="pb-2 ps-7 text-muted-foreground">{item.content}</AccordionContent>
|
|
</AccordionItem>
|
|
))}
|
|
</Accordion>
|
|
</div>
|
|
);
|
|
}
|