Function useDatabaseCatalog

frontend/src/react/hooks/useDatabaseCatalog.ts:18–52

(
  database: string,
  skipCache: boolean
)

// catalog (gated by permission) and reactively returns the cached entry,
// falling back to a stable empty catalog so the selector never loops.
export function useDatabaseCatalog(
  database: string,
  skipCache: boolean
): DatabaseCatalog {
  useEffect(() => {
    if (
      extractDatabaseResourceName(database).databaseName === String(UNKNOWN_ID)
    ) {
      return;
    }
    void (async () => {
      const db = await useAppStore
        .getState()
        .getOrFetchDatabaseByName(database);
      if (
        hasProjectPermissionV2(
          getDatabaseProject(db),
          "bb.databaseCatalogs.get"
        )
      ) {
        await useAppStore
          .getState()
          .getOrFetchDatabaseCatalog({ database, skipCache });
      }
    })();
  }, [database, skipCache]);

  const cached = useAppStore(
    (state) => state.catalogsByName[catalogResourceName(database)]
  );
  return useMemo(
    () => cached ?? emptyDatabaseCatalog(database),
    [cached, database]
  );
}