synapse-react-client/dist/components/TeamSubjectsSelector/TeamBadgeOrError.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as e, jsx as r } from "react/jsx-runtime";
import "../../synapse-client/SynapseClient.js";
import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
import "@sage-bionetworks/synapse-client/util/SynapseClientError";
import "@sage-bionetworks/synapse-types";
import "../../utils/functions/EntityTypeUtils.js";
import "../../utils/SynapseConstants.js";
import "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "@tanstack/react-query";
import "../../utils/PermissionLevelToAccessType.js";
import "react";
import "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import { Stack as a, Typography as n, Skeleton as s } from "@mui/material";
import "../../utils/hooks/useCookiePreferences.js";
import "../../utils/hooks/useSourceAppConfigs.js";
import "universal-cookie";
import "../../utils/AppUtils/session/ApplicationSessionContext.js";
import "../../utils/context/FullContextProvider.js";
import "../../utils/context/DocumentMetadataContext.js";
import '../../style/components/_spinner.css';/* empty css                                   */
import "@tanstack/query-core";
import "lodash-es/isEmpty";
import "lodash-es/isEqual";
import "lodash-es/xorWith";
import "react-router";
import "@sage-bionetworks/synapse-client";
import "../../utils/types/IsType.js";
import { useGetTeam as d } from "../../synapse-queries/team/useTeam.js";
import { ErrorTwoTone as l } from "@mui/icons-material";
import c from "../TeamBadge.js";
function R(i) {
  const { teamId: t } = i, { data: o, isLoading: p, error: m } = d(t);
  return m ? /* @__PURE__ */ e(
    a,
    {
      direction: "row",
      role: "alert",
      sx: {
        gap: "5px",
        alignItems: "center"
      },
      children: [
        /* @__PURE__ */ r(l, { color: "error" }),
        /* @__PURE__ */ r(n, { variant: "smallText1", color: "error", children: m?.reason || `Error: ${t}` })
      ]
    }
  ) : p || !o ? /* @__PURE__ */ r(s, { width: 125, height: 30 }) : /* @__PURE__ */ r(c, { teamId: o.id, teamName: o.name });
}
export {
  R as TeamBadgeOrError
};
//# sourceMappingURL=TeamBadgeOrError.js.map