sarlink-portal/app/(dashboard)/agreements/page.tsx

import { getProfile } from "@/actions/user-actions";
import { AgreementCard } from "@/components/agreement-card";
import { tryCatch } from "@/utils/tryCatch";

export default async function Agreements() {
  const [error, profile] = await tryCatch(getProfile());
  return (
    <div>
      <div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
        <h3 className="text-sarLinkOrange text-2xl">Agreements</h3>
      </div>
      <div className="grid grid-cols-1">
        {error ? (
          <div className="text-red-500">
            An error occurred while fetching agreements: {error.message}
          </div>
        ) : (
          <div>
            {profile.agreement ? (
              <AgreementCard agreement={profile.agreement} />
            ) : (
              <div className="text-gray-500">No agreement found.</div>
            )}
          </div>
        )}
      </div>
    </div>
  );
}