Function ProjectRouteShell

frontend/src/react/components/ProjectRouteShell.tsx:25–173

({
  projectId,
  routeKey,
  onReady,
}: ProjectRouteShellProps)

}

export function ProjectRouteShell({
  projectId,
  routeKey,
  onReady,
}: ProjectRouteShellProps) {
  const { t } = useTranslation();
  const route = useCurrentRoute();
  const navigate = useNavigate();
  const navigateRef = useRef(navigate);
  navigateRef.current = navigate;
  const onReadyRef = useRef(onReady);
  onReadyRef.current = onReady;
  const notify = useNotify();
  const projectName = projectResourceNameFromId(projectId);
  const project = useAppStore((state) => state.projectsByName[projectName]);
  const defaultProjectName = useAppStore(
    (state) => state.serverInfo?.defaultProject ?? ""
  );
  const allowEdit = useAppStore((state) =>
    project
      ? project.state !== State.DELETED &&
        state.hasProjectPermission(project, "bb.projects.update")
      : false
  );
  const fetchProject = useAppStore((state) => state.fetchProject);
  const loadServerInfo = useAppStore((state) => state.loadServerInfo);
  const loadCurrentUser = useAppStore((state) => state.loadCurrentUser);
  const loadProjectIamPolicy = useAppStore(
    (state) => state.loadProjectIamPolicy
  );
  const setRecentProject = useAppStore((state) => state.setRecentProject);
  const removeRecentVisit = useAppStore((state) => state.removeRecentVisit);
  const [readyProjectName, setReadyProjectName] = useState("");

  useEffect(() => {
    let stale = false;
    setReadyProjectName("");
    onReadyRef.current?.(null);

    const load = async () => {
      await Promise.all([loadCurrentUser(), loadServerInfo()]);
      const nextProject = await fetchProject(projectName);
      if (stale) return;
      if (!nextProject) {
        const projectRoute = navigateRef.current.resolve({
          name: PROJECT_V1_ROUTE_DETAIL,
          params: { projectId },
        });
        removeRecentVisit(projectRoute.fullPath);
        const error = useAppStore.getState().projectErrorsByName[projectName];
        if (error) {
          notify({
            module: "bytebase",
            style: "CRITICAL",
            title: `Failed to fetch project ${projectId}`,
            description: error.message,
          });
        }