taxonium-component/dist/ManageConnectionsDialog-DI1WJrAI.js

React component for exploring large phylogenetic trees in the browser

import { jsxs as o, jsx as n } from "react/jsx-runtime";
import { o as p, m as g, a as C, D as f, T as c, s as y, a4 as l, ao as d, d as D, B as x, a3 as b } from "./JBrowsePanel-BNE3gNW1.js";
import "react";
const v = g()((e) => ({
  connectionContainer: {
    margin: e.spacing(4),
    width: 500
  }
}));
function k() {
  return n(b, { title: "Unable to delete connection in config file as non-admin user", children: n(l, { children: n(d, { color: "disabled" }) }) });
}
const E = p(function({ session: e, handleClose: s, breakConnection: u }) {
  const { classes: m } = v(), { adminMode: h, connections: a, sessionConnections: i } = e;
  return o(C.Dialog, { open: !0, onClose: s, maxWidth: "lg", title: "Delete connections", children: [o(f, { children: [n(c, { children: "Click the X icon to delete the connection from your config completely" }), o("div", { className: m.connectionContainer, children: [a.map((t) => {
    const r = y.readConfObject(t, "name");
    return o(c, { children: [h || i != null && i.includes(t) ? n(l, { onClick: () => {
      u(t, !0);
    }, children: n(d, { color: "error" }) }) : n(k, {}), r] }, `conn-${r}`);
  }), a.length ? null : n(c, { children: "No connections found" })] })] }), n(D, { children: n(x, { onClick: () => {
    s();
  }, variant: "contained", color: "primary", children: "Close" }) })] });
});
export {
  E as default
};
//# sourceMappingURL=ManageConnectionsDialog-DI1WJrAI.js.map