prowler/ui/app/(prowler)/providers/(set-up-provider)/test-connection/page.tsx

import { redirect } from "next/navigation";
import React, { Suspense } from "react";

import { getProvider } from "@/actions/providers";
import { TestConnectionForm } from "@/components/providers/workflow/forms";

interface Props {
  searchParams: { type: string; id: string };
}

export default async function TestConnectionPage({ searchParams }: Props) {
  const providerId = searchParams.id;

  if (!providerId) {
    redirect("/providers/connect-account");
  }

  return (
    <Suspense fallback={<p>Loading...</p>}>
      <SSRTestConnection searchParams={searchParams} />
    </Suspense>
  );
}

async function SSRTestConnection({
  searchParams,
}: {
  searchParams: { type: string; id: string };
}) {
  const formData = new FormData();
  formData.append("id", searchParams.id);

  const providerData = await getProvider(formData);
  if (providerData.errors) {
    redirect("/providers/connect-account");
  }

  return (
    <TestConnectionForm
      searchParams={searchParams}
      providerData={providerData}
    />
  );
}