import { Link } from "react-router-dom";
import { useAuthServiceContext, useStaffPermissionServiceContext } from "../../../services";
import { useRecordsConnectionsService } from "../../../services/RecordsConnectionsService.tsx";
import ConnectionsScreen from "./ConnectionsScreen.tsx";

// A practice's connections, for staff with Records manage: each staff member's own, and anyone's for an administrator
// to switch off.
const RecordsConnections = () => {
  const { canManage } = useStaffPermissionServiceContext();
  const { currentUser, userRole, USER_ROLES } = useAuthServiceContext();
  const { listConnections, listIssuers, startConnection, disconnectConnection } = useRecordsConnectionsService();
  return (
    <ConnectionsScreen audience={{
      me: currentUser?.fhir?.id ? "Practitioner/" + currentUser.fhir.id : undefined,
      mayWork: canManage("records"),
      refusal: "Connections need the Records manage permission.",
      mayOffOthers: Boolean(USER_ROLES?.ADMIN) && userRole === USER_ROLES.ADMIN,
      title: "Connections",
      sub: "Other systems this practice reads records from, through your own account there.",
      aside: <Link to="/dashboard/records">Records requests</Link>,
      noIssuers: "Akashic is not registered with any other system yet.",
      issuersLabel: "Systems you can connect",
      connectionsLabel: "This practice's connections",
      confirmOff: "Switch off this connection? Akashic stops reading through it; what was already retrieved stays.",
      listConnections, listIssuers, startConnection, disconnectConnection,
      returnPath: "/dashboard/records/connections/return",
    }} />
  );
};

export default RecordsConnections;