Function ProjectRouteGate

frontend/src/react/router/ProjectRouteGate.tsx:29–128

()

// `ProjectRouteShell`'s chrome — archived banner, IAM-remind dialog, document
// title — stays with the deferred shell-mounting phase.)
export function ProjectRouteGate() {
  const params = useParams();
  const projectId = params.projectId ?? "";
  const projectName = projectResourceNameFromId(projectId);
  const route = useCurrentRoute();
  const navigate = useNavigate();
  const navigateRef = useRef(navigate);
  navigateRef.current = navigate;
  const notify = useNotify();

  const project = useAppStore((state) => state.projectsByName[projectName]);
  const fetchProject = useAppStore((state) => state.fetchProject);
  const loadCurrentUser = useAppStore((state) => state.loadCurrentUser);
  const loadServerInfo = useAppStore((state) => state.loadServerInfo);
  const setRecentProject = useAppStore((state) => state.setRecentProject);
  const removeRecentVisit = useAppStore((state) => state.removeRecentVisit);
  const [loadedProjectName, setLoadedProjectName] = useState("");

  useEffect(() => {
    let stale = false;
    setLoadedProjectName("");

    const load = async () => {
      await Promise.all([loadCurrentUser(), loadServerInfo()]);
      const nextProject = await fetchProject(projectName);
      if (stale) return;
      if (!nextProject) {
        // Project missing or not accessible (e.g. no `bb.projects.get`): drop
        // it from recent visits and bounce to landing, like ProjectRouteShell.
        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,
          });
        }
        void navigateRef.current.replace({ name: WORKSPACE_ROUTE_LANDING });
        return;
      }
      setRecentProject(nextProject.name);
      if (!stale) {
        setLoadedProjectName(projectName);
      }
    };

    void load();
    return () => {
      stale = true;
    };
  }, [
    fetchProject,