32 lines
861 B
TypeScript
32 lines
861 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { Loader2 } from "lucide-react";
|
||
|
|
import { useMapSourceForm } from "../_hooks/use-form";
|
||
|
|
import { MapSourceForm } from "../_components/form";
|
||
|
|
|
||
|
|
export default function AddMapSourcePageClient() {
|
||
|
|
const { isLoading, handleSubmitMapSource, resetForm, isSubmitting } =
|
||
|
|
useMapSourceForm();
|
||
|
|
|
||
|
|
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">
|
||
|
|
<MapSourceForm
|
||
|
|
onSubmitAction={handleSubmitMapSource}
|
||
|
|
isSubmitting={isSubmitting}
|
||
|
|
onCancelAction={resetForm}
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|