32 lines
884 B
TypeScript
32 lines
884 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { Loader2 } from "lucide-react";
|
||
|
|
import { useCredentialForm } from "../_components/use-credential-form";
|
||
|
|
import { CredentialForm } from "../_components/form";
|
||
|
|
|
||
|
|
export default function AddCredentialPageClient() {
|
||
|
|
const { isLoading, handleSubmitCredential, resetForm, isSubmitting } =
|
||
|
|
useCredentialForm();
|
||
|
|
|
||
|
|
if (isLoading) {
|
||
|
|
return (
|
||
|
|
<div className="flex items-center justify-center min-h-[400px]">
|
||
|
|
<div className="flex flex-col items-center space-y-2">
|
||
|
|
<Loader2 className="h-8 w-8 animate-spin text-blue-500" />
|
||
|
|
<p className="text-sm text-gray-500">Memuat data...</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="max-w-xl">
|
||
|
|
<CredentialForm
|
||
|
|
onSubmitAction={handleSubmitCredential}
|
||
|
|
isSubmitting={isSubmitting}
|
||
|
|
onCancelAction={resetForm}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|