import GeneralServerAxios from "@/shared/AxiosPage/GeneralServerAxios";
import SubscriptionsIndex from "@/components/profile/subscriptions/SubscriptionsIndex";

export default async function page({
  searchParams,
}: {
  searchParams: Promise<{ type?: string; page?: string }>;
}) {
  const params = await searchParams;
  const type = params?.type || "all";
  const page = Number(params?.page) || 1;

  return (
    <GeneralServerAxios
      url="client/user-subscriptions"
      params={{ ...(type !== "all" && { "filters[status]": type }), page }}
    >
      {(data) => (
        <div className="min-h-[calc(100vh-80px)] lg:py-20 py-28">
          <SubscriptionsIndex
            type={type}
            subscriptions={data?.user_subscriptions || []}
            paggination={data?.meta}
            current_page={page}
          />
        </div>
      )}
    </GeneralServerAxios>
  );
}