Function WorkspaceBuildPage

site/src/pages/WorkspaceBuildPage/WorkspaceBuildPage.tsx:11–53

()

import { WorkspaceBuildPageView } from "./WorkspaceBuildPageView";

const WorkspaceBuildPage: FC = () => {
	const params = useParams() as {
		username: string;
		workspace: string;
		buildNumber: string;
	};
	const workspaceName = params.workspace;
	const buildNumber = Number(params.buildNumber);
	const username = params.username.replace("@", "");
	const wsBuildQuery = useQuery({
		...workspaceBuildByNumber(username, workspaceName, buildNumber),
		placeholderData: keepPreviousData,
	});
	const build = wsBuildQuery.data;
	const buildsQuery = useQuery({
		queryKey: ["builds", username, build?.workspace_id],
		queryFn: () => {
			return API.getWorkspaceBuilds(build?.workspace_id ?? "", {
				since: dayjs().add(-30, "day").toISOString(),
			});
		},
		enabled: Boolean(build),
	});
	const logs = useWorkspaceBuildLogs(build?.id);

	return (
		<>
			{build && (
				<title>
					{pageTitle(`Build #${build.build_number} · ${build.workspace_name}`)}
				</title>
			)}

			<WorkspaceBuildPageView
				logs={logs}
				build={build}
				buildError={wsBuildQuery.error}
				builds={buildsQuery.data}
				activeBuildNumber={buildNumber}
			/>
		</>
	);
};

export default WorkspaceBuildPage;