import Association_member from "@/components/MembersInnerPage/MembersInnerPage";
import { BASE_URL } from "@/Constant";

async function getData() {
  try {
    const [res] = await Promise.allSettled([
      fetch(`${BASE_URL}memberPageData/sections`, {
        cache: "no-store",
      }),
    ]);

    const resImages =
      res.status === "fulfilled" && res.value.ok
        ? await res.value.json()
        : null;

    return {
      resData: resImages?.data,
    };
  } catch (error) {
    console.error("Error fetching data:", error);
    return { resData: {} };
  }
}

export default async function LoginLayout({ params }: any) {
  const { id } = params;
  const res = await getData();
  return (
    <div className="bg-cover pt-5">
      <Association_member data={res?.resData} id={id} />
    </div>
  );
}