synapse-react-client/dist/components/QueryWrapperPlotNav/LastUpdatedOn.js

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

import { jsx as t, Fragment as i, jsxs as m } from "react/jsx-runtime";
import { formatDate as e } from "../../utils/functions/DateFormatter.js";
import { Skeleton as a, Typography as n } from "@mui/material";
import s from "dayjs";
import { Suspense as d } from "react";
import "@sage-bionetworks/synapse-types";
import "../../utils/PermissionLevelToAccessType.js";
import "../../utils/SynapseConstants.js";
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 "../../utils/functions/EntityTypeUtils.js";
import "lodash-es";
import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
import "../../utils/context/SynapseContext.js";
import "use-deep-compare-effect";
import "@tanstack/react-query";
import "@tanstack/query-core";
import "lodash-es/isEmpty";
import "lodash-es/isEqual";
import "lodash-es/xorWith";
import "@sage-bionetworks/synapse-client";
import "../../utils/types/IsType.js";
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 "react-router";
import "../QueryContext/QueryContext.js";
import { useSuspenseGetQueryMetadata as l } from "../QueryWrapper/useGetQueryMetadata.js";
import { useQueryVisualizationContext as p } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
function u() {
  const { showLastUpdatedOn: r } = p(), { data: o } = l();
  return r && o && o.lastUpdatedOn ? /* @__PURE__ */ t(
    "div",
    {
      style: {
        display: "flex",
        flexDirection: "column",
        alignItems: "flex-end"
      },
      children: /* @__PURE__ */ m(n, { variant: "body1Italic", children: [
        "Last updated on ",
        e(s(o.lastUpdatedOn))
      ] })
    }
  ) : /* @__PURE__ */ t(i, {});
}
function R() {
  const { showLastUpdatedOn: r } = p();
  return r ? /* @__PURE__ */ t(d, { fallback: /* @__PURE__ */ t(a, { width: 100 }), children: /* @__PURE__ */ t(u, {}) }) : /* @__PURE__ */ t(i, {});
}
export {
  R as default
};
//# sourceMappingURL=LastUpdatedOn.js.map