Server actions

[organizationSlug]/coaches/
├── page.tsx          server component: resolve context, load, pass props
├── CoachesView.tsx   "use client": state, dialogs, calls actions
└── actions.ts        "use server": one function per write

export default async function CoachesPage({
	params,
}: {
	params: Promise<{ organizationSlug: string }>;
}) {
	const { organizationSlug } = await params;
	const ctx = await resolveStudioContext(organizationSlug);
	if (!ctx) {
		return notFound();
	}

	const loaded = await tryPerformApi<Paginated<TeamCoach>>(ctx, {
		path: "/coaches",
		query: { pageSize: 200 },
	});
	if (!loaded.ok) {
		return <ApiLoadError />;
	}

	return <CoachesView slug={organizationSlug} coaches={loaded.data.items} />;
}

"use server";

async function ctxOrThrow(slug: string) {
	const ctx = await resolveStudioContext(slug);
	if (!ctx) {
		throw new Error("unauthorized");
	}
	return ctx;
}

export async function markInboxStatus(
	slug: string,
	id: string,
	input: { status: InboxItemStatus; snoozeUntil?: string },
): Promise<InboxItem> {
	const ctx = await ctxOrThrow(slug);
	const item = await performApi<InboxItem>(ctx, {
		method: "PATCH",
		path: `/inbox/${id}`,
		body: input,
	});
	revalidatePath(`/${slug}`);
	return item;
}

const updated = await toastAction(() => updateExercise(slug, id, input), {
	success: t("exercises.toast.saved"),
	error: t("exercises.toast.saveFailed"),
});
setItems((list) => list.map((x) => (x.id === updated.id ? updated : x)));

export async function freezePlan(slug: string, id: string): Promise<ApiResult<Client>> {
	const ctx = await ctxOrThrow(slug);
	const result = await tryPerformApi<Client>(ctx, {
		method: "POST",
		path: `/clients/${id}/freeze`,
	});
	if (result.ok) {
		revalidatePath(`/${slug}/clients`);
	}
	return result;
}