Function WorkspaceReadyPage

site/src/pages/WorkspacePage/WorkspaceReadyPage.tsx:44–450

({
	workspace,
	template,
	permissions,
})

}

export const WorkspaceReadyPage: FC<WorkspaceReadyPageProps> = ({
	workspace,
	template,
	permissions,
}) => {
	const queryClient = useQueryClient();

	// Build logs
	const shouldStreamBuildLogs = workspace.latest_build.status !== "running";
	const buildLogs = useWorkspaceBuildLogs(
		workspace.latest_build.id,
		shouldStreamBuildLogs,
	);

	// Restart
	const [confirmingRestart, setConfirmingRestart] = useState<{
		open: boolean;
		buildParameters?: TypesGen.WorkspaceBuildParameter[];
	}>({ open: false });

	const [workspaceErrorDialog, setWorkspaceErrorDialog] = useState<{
		open: boolean;
		error?: ApiError;
	}>({ open: false });

	const handleError = (error: unknown) => {
		if (isApiError(error) && error.code === "ERR_BAD_REQUEST") {
			setWorkspaceErrorDialog({
				open: true,
				error: error,
			});
		} else {
			toast.error(
				getErrorMessage(
					error,
					`Failed to build workspace "${workspace.name}".`,
				),
				{
					description: getErrorDetail(error),
				},
			);
		}
	};

	const [ephemeralParametersDialog, setEphemeralParametersDialog] = useState<{
		open: boolean;
		action: "start" | "restart";
		buildParameters?: TypesGen.WorkspaceBuildParameter[];
		ephemeralParameters: TypesGen.TemplateVersionParameter[];
	}>({ open: false, action: "start", ephemeralParameters: [] });

	const [isCancelConfirmOpen, setIsCancelConfirmOpen] = useState(false);

	const { mutate: mutateRestartWorkspace, isPending: isRestarting } =
		useMutation({
			mutationFn: API.restartWorkspace,
			onError: (error: unknown) => {
				handleError(error);