synapse-react-client
Version:
[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie
97 lines (96 loc) • 3.93 kB
JavaScript
import { jsx as e, jsxs as a, Fragment as h } from "react/jsx-runtime";
import { useGetCurrentUserBundle as p } from "../../synapse-queries/user/useUserBundle.js";
import { Typography as f } from "@mui/material";
import { useMemo as l } from "react";
import { Outlet as b, createMemoryRouter as R, createBrowserRouter as g, RouterProvider as v, useParams as A, Navigate as y, NavLink as S } from "react-router";
import { RouterProvider as w } from "react-router/dom";
import { SynapseErrorBoundary as x } from "../error/ErrorBanner.js";
import D from "../IconSvg/IconSvg.js";
import { SynapseSpinner as q } from "../LoadingScreen/LoadingScreen.js";
import M from "../OrientationBanner/OrientationBanner.js";
import { UserHistoryDashboard as P } from "./AccessHistoryDashboard.js";
import { AccessRequirementDashboard as C } from "./AccessRequirementDashboard.js";
import { DataAccessSubmissionDashboard as N } from "./AccessSubmissionDashboard.js";
import T from "./SubmissionPage/SubmissionPage.js";
function c(r) {
const { href: s, children: t, icon: i } = r;
return /* @__PURE__ */ a(S, { className: "Tab", role: "tab", to: s, children: [
/* @__PURE__ */ e(
D,
{
icon: i,
sx: {
paddingRight: "0.2rem"
}
}
),
/* @__PURE__ */ e(f, { variant: "buttonLink", children: t })
] });
}
function K(r) {
const {
routerBaseName: s = "/DataAccessManagement:default",
useMemoryRouter: t = !1
} = r, { data: i, isLoading: d } = p(), n = i?.isACTMember, o = i?.isACTMember || i?.isARReviewer, m = l(
() => [
{
path: "/",
element: /* @__PURE__ */ a("div", { className: "ReviewerDashboard", children: [
/* @__PURE__ */ a("div", { className: "Tabs", role: "tablist", children: [
n && /* @__PURE__ */ e(c, { href: "/AccessRequirements", icon: "accessClosed", children: "Access Requirements" }),
o && /* @__PURE__ */ e(c, { href: "/Submissions", icon: "discussion", children: "Submissions" }),
o && /* @__PURE__ */ e(c, { href: "/UserAccessHistory", icon: "history", children: "User Access History" })
] }),
/* @__PURE__ */ e("div", { className: "TabContentContainer", children: /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(b, {}) }) })
] }),
children: [
{
path: "AccessRequirements",
element: n ? /* @__PURE__ */ e(C, {}) : null
},
{
path: "Submissions",
element: o ? /* @__PURE__ */ a(h, { children: [
!n && /* @__PURE__ */ e(
M,
{
name: "DataAccessManagement",
title: "Getting Started With Data Access Management",
text: "When someone requests access to data, that request will show up here. Clicking on the Request ID will take you to a page where you can review the request.",
sx: {
margin: "-20px -30px 20px -30px",
width: "auto"
}
}
),
/* @__PURE__ */ e(N, {})
] }) : null
},
{
path: "Submissions/:id",
element: o ? /* @__PURE__ */ e(B, {}) : null
},
{
path: "UserAccessHistory",
element: /* @__PURE__ */ e(P, {})
}
]
}
],
[n, o]
), u = l(() => t ? R(m, {
basename: s
}) : g(m, {
basename: s
}), [t, m, s]);
return d ? /* @__PURE__ */ e(q, { size: 50 }) : t ? /* @__PURE__ */ e(v, { router: u }) : /* @__PURE__ */ e(w, { router: u });
}
function B() {
const { id: r } = A();
return r ? /* @__PURE__ */ e(T, { submissionId: r, isReviewer: !0 }) : /* @__PURE__ */ e(y, { to: "Submissions/" });
}
export {
K as ReviewerDashboard,
K as default
};
//# sourceMappingURL=ReviewerDashboard.js.map