|
|
|
@ -1,4 +1,4 @@
|
|
|
|
|
import { useRef } from "react";
|
|
|
|
|
import { useRef, useEffect } from "react";
|
|
|
|
|
import classNames from "classnames";
|
|
|
|
|
import { Disclosure, Transition } from "@headlessui/react";
|
|
|
|
|
import { MdKeyboardArrowDown } from "react-icons/md";
|
|
|
|
@ -9,6 +9,10 @@ import ResolvedIcon from "components/resolvedicon";
|
|
|
|
|
export default function ServicesGroup({ group, services, layout, fiveColumns, disableCollapse, useEqualHeights }) {
|
|
|
|
|
const panel = useRef();
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
if (layout?.initiallyCollapsed) panel.current.style.height = `0`;
|
|
|
|
|
}, [layout, panel]);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div
|
|
|
|
|
key={services.name}
|
|
|
|
@ -19,7 +23,7 @@ export default function ServicesGroup({ group, services, layout, fiveColumns, di
|
|
|
|
|
layout?.header === false ? "flex-1 px-1 -my-1" : "flex-1 p-1",
|
|
|
|
|
)}
|
|
|
|
|
>
|
|
|
|
|
<Disclosure defaultOpen>
|
|
|
|
|
<Disclosure defaultOpen={!layout?.initiallyCollapsed ?? true}>
|
|
|
|
|
{({ open }) => (
|
|
|
|
|
<>
|
|
|
|
|
{layout?.header !== false && (
|
|
|
|
|