From 34a37da55a2d2ae12590ad62cbb679162976b4ed Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Wed, 27 Nov 2024 14:45:43 -0800
Subject: [PATCH] Fix layout parsing

---
 src/components/services/group.jsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
index b8d83b7f..d53173e8 100644
--- a/src/components/services/group.jsx
+++ b/src/components/services/group.jsx
@@ -1,5 +1,6 @@
 import { useRef, useEffect } from "react";
 import classNames from "classnames";
+import { columnMap } from "../../utils/layout/columns";
 import { Disclosure, Transition } from "@headlessui/react";
 import { MdKeyboardArrowDown } from "react-icons/md";
 
@@ -76,13 +77,17 @@ export default function ServicesGroup({
             >
               <Disclosure.Panel className="transition-all overflow-hidden duration-300 ease-out" ref={panel} static>
                 {groups?.length ? (
-                  <div className="grid grid-cols-1 gap-2">
+                  <div
+                    className={`grid ${
+                      layout?.style === "row" ? `grid ${columnMap[layout?.columns]} gap-x-2` : "flex flex-col"
+                    } gap-2`}
+                  >
                     {groups.map((subgroup) => (
                       <ServicesGroup
                         key={subgroup.name}
                         group={subgroup.name}
                         services={subgroup}
-                        layout={layout}
+                        layout={layout?.[subgroup.name]}
                         fiveColumns={fiveColumns}
                         disableCollapse={disableCollapse}
                         useEqualHeights={useEqualHeights}