ui: use legacy loader on load

This commit is contained in:
Sosokker 2024-11-10 18:11:23 +07:00
parent 0bffdf812f
commit 142817986d

View File

@ -5,6 +5,7 @@ import { getProjectDataQuery } from "@/lib/data/projectQuery";
import { createSupabaseClient } from "@/lib/supabase/serverComponentClient"; import { createSupabaseClient } from "@/lib/supabase/serverComponentClient";
import { ProjectEditSchema } from "@/types/schemas/project.schema"; import { ProjectEditSchema } from "@/types/schemas/project.schema";
import { redirect } from "next/navigation"; import { redirect } from "next/navigation";
import { LegacyLoader } from "@/components/loading/LegacyLoader";
export default async function EditProjectPage({ params }: { params: { projectId: string } }) { export default async function EditProjectPage({ params }: { params: { projectId: string } }) {
const client = createSupabaseClient(); const client = createSupabaseClient();
@ -14,8 +15,7 @@ export default async function EditProjectPage({ params }: { params: { projectId:
const { data: user, error: userError } = await client.auth.getUser(); const { data: user, error: userError } = await client.auth.getUser();
const uuid = user.user?.id; const uuid = user.user?.id;
const { data, error } = await client.from("project").select("...business(user_id)").eq("id", projectId).single(); const { data, error } = await client.from("project").select("...business(user_id)").eq("id", projectId).single();
console.log(uuid);
console.log(data);
if (userError || error) { if (userError || error) {
redirect("/"); redirect("/");
} }
@ -28,7 +28,7 @@ export default async function EditProjectPage({ params }: { params: { projectId:
if (projectDataError) { if (projectDataError) {
console.error("Error fetching project data:", projectDataError); console.error("Error fetching project data:", projectDataError);
return <p>Error loading project data.</p>; throw projectDataError;
} }
const mappedProjectData: ProjectEditSchema = { const mappedProjectData: ProjectEditSchema = {
@ -46,8 +46,8 @@ export default async function EditProjectPage({ params }: { params: { projectId:
<span className="text-2xl font-bold">Edit Project</span> <span className="text-2xl font-bold">Edit Project</span>
<Separator className="my-5" /> <Separator className="my-5" />
</div> </div>
<Suspense fallback={<p>Loading project data...</p>}> <Suspense fallback={<LegacyLoader />}>
{projectData ? <EditProjectForm projectData={mappedProjectData} projectId={projectId} /> : <p>Loading...</p>} {projectData ? <EditProjectForm projectData={mappedProjectData} projectId={projectId} /> : <LegacyLoader />}
</Suspense> </Suspense>
</div> </div>
); );