API reference, guides, and best practices for the Lionfish Compliance Platform
/api/trpc/auth.me/api/trpc/auth.logout/api/trpc/clients.list/api/trpc/clients.getById/api/trpc/clients.create/api/trpc/clients.update/api/trpc/clients.delete/api/trpc/compliance.listFrameworks/api/trpc/compliance.getFramework/api/trpc/compliance.getControls/api/trpc/compliance.getControlDetail/api/trpc/assessments.list/api/trpc/assessments.create/api/trpc/assessments.updateStatus/api/trpc/assessments.getScore/api/trpc/evidence.list/api/trpc/evidence.upload/api/trpc/evidence.approve/api/trpc/evidence.reject/api/trpc/stakeholderReports.generate/api/trpc/stakeholderReports.list/api/trpc/stakeholderReports.getById/api/trpc/risks.list/api/trpc/risks.create/api/trpc/risks.update/api/trpc/risks.getMatrix// Using tRPC React hooks
import { trpc } from "@/lib/trpc";
function MyComponent() {
// Query example
const { data: clients, isLoading } = trpc.clients.list.useQuery();
// Mutation example
const createClient = trpc.clients.create.useMutation({
onSuccess: () => {
toast.success("Client created successfully");
},
});
const handleCreate = () => {
createClient.mutate({
name: "New Client",
industry: "Technology",
});
};
return (
<div>
{clients?.map(client => (
<div key={client.id}>{client.name}</div>
))}
</div>
);
}