- Add project description line to project header (from productVision) - Sidebar: add Activity nav item (Projects / Activity / Settings) - New Activity page: timeline feed with type filters (Atlas/Builds/Deploys/You) - New Activity layout using VIBNSidebar - Rewrite Deploy tab: Project URLs, Custom Domain, Env Vars, Deploy History — fully Stackless style, real data from project API, no more MOCK_PROJECT - Rewrite Project Settings tab: remove all Firebase refs (db, auth, Firestore) — General (name/description), Repo link, Collaborators, Export JSON/PDF, — Danger Zone with double-confirm delete — uses /api/projects/[id] PATCH for saves Made-with: Cursor
70 lines
2.0 KiB
TypeScript
70 lines
2.0 KiB
TypeScript
import { ProjectShell } from "@/components/layout/project-shell";
|
|
import { query } from "@/lib/db-postgres";
|
|
|
|
interface ProjectData {
|
|
name: string;
|
|
description?: string;
|
|
status?: string;
|
|
progress?: number;
|
|
discoveryPhase?: number;
|
|
capturedData?: Record<string, string>;
|
|
createdAt?: string;
|
|
updatedAt?: string;
|
|
featureCount?: number;
|
|
}
|
|
|
|
async function getProjectData(projectId: string): Promise<ProjectData> {
|
|
try {
|
|
const rows = await query<{ data: any; created_at?: string; updated_at?: string }>(
|
|
`SELECT data, created_at, updated_at FROM fs_projects WHERE id = $1 LIMIT 1`,
|
|
[projectId]
|
|
);
|
|
if (rows.length > 0) {
|
|
const { data, created_at, updated_at } = rows[0];
|
|
return {
|
|
name: data?.productName || data?.name || "Project",
|
|
description: data?.productVision || data?.description,
|
|
status: data?.status,
|
|
progress: data?.progress ?? 0,
|
|
discoveryPhase: data?.discoveryPhase ?? 0,
|
|
capturedData: data?.capturedData ?? {},
|
|
createdAt: created_at,
|
|
updatedAt: updated_at,
|
|
featureCount: Array.isArray(data?.features) ? data.features.length : (data?.featureCount ?? 0),
|
|
};
|
|
}
|
|
} catch (error) {
|
|
console.error("Error fetching project:", error);
|
|
}
|
|
return { name: "Project" };
|
|
}
|
|
|
|
export default async function ProjectLayout({
|
|
children,
|
|
params,
|
|
}: {
|
|
children: React.ReactNode;
|
|
params: Promise<{ workspace: string; projectId: string }>;
|
|
}) {
|
|
const { workspace, projectId } = await params;
|
|
const project = await getProjectData(projectId);
|
|
|
|
return (
|
|
<ProjectShell
|
|
workspace={workspace}
|
|
projectId={projectId}
|
|
projectName={project.name}
|
|
projectDescription={project.description}
|
|
projectStatus={project.status}
|
|
projectProgress={project.progress}
|
|
discoveryPhase={project.discoveryPhase}
|
|
capturedData={project.capturedData}
|
|
createdAt={project.createdAt}
|
|
updatedAt={project.updatedAt}
|
|
featureCount={project.featureCount}
|
|
>
|
|
{children}
|
|
</ProjectShell>
|
|
);
|
|
}
|