Merge pull request #25 from blue-core-lod/t18-export-button

Updates Transfer to use BC API export endpoint

Author: jermnelson

src/Config.js

@@ -122,25 +122,7 @@ class Config {
     return {
       ils: {
         // group: label
-        stanford: "Catalog",
-        cornell: "Catalog",
-        penn: "Catalog",
-        ucdavis: "Catalog",
-        princeton: "Catalog",
-        northwestern: "Catalog",
-        dnal: "Catalog",
-        miami: "Catalog",
-        harvard: "Catalog",
-        emory: "Catalog",
-        newcastle: "Catalog",
-        leeds: "Catalog",
-        memorial: "Catalog",
-        jmu: "Catalog",
-        brandeis: "Catalog",
-        PUC: "Catalog",
-        utoronto: "Catalog",
-        ucf: "Catalog",
-        usf: "Catalog",
+        "blue core": "Catalog",
       },
       // Can add additional transfer targets, e.g., discovery
     }

src/actionCreators/transfer.js

@@ -1,13 +1,12 @@
 import { postTransfer } from "../sinopiaApi"
 import { addError } from "actions/errors"
 
-export const transfer =
-  (resourceUri, group, target, errorKey) => (dispatch) => {
-    postTransfer(resourceUri, group, target).catch((err) => {
-      dispatch(
-        addError(errorKey, `Error requesting transfer: ${err.message || err}`)
-      )
-    })
-  }
+export const transfer = (resourceUri, keycloak, errorKey) => (dispatch) => {
+  postTransfer(resourceUri, keycloak).catch((err) => {
+    dispatch(
+      addError(errorKey, `Error requesting transfer: ${err.message || err}`)
+    )
+  })
+}
 
 export const noop = () => {}

src/components/editor/actions/TransferButtons.jsx

@@ -8,13 +8,15 @@ import TransferButton from "./TransferButton"
 import { transfer } from "actionCreators/transfer"
 import useAlerts from "hooks/useAlerts"
 import { isBfInstance } from "utilities/Bibframe"
+import { useKeycloak } from "../../../KeycloakContext"
 import _ from "lodash"
 
 const TransferButtons = ({ resourceKey }) => {
   const dispatch = useDispatch()
   const errorKey = useAlerts()
   const resource = useSelector((state) => selectNormSubject(state, resourceKey))
   const userGroups = useSelector((state) => selectGroups(state))
+  const { keycloak } = useKeycloak()
 
   const transferTargets = useMemo(() => {
     const newTargets = []
@@ -35,16 +37,16 @@ const TransferButtons = ({ resourceKey }) => {
   // Must be targets
   if (_.isEmpty(transferTargets)) return null
 
-  const handleClick = (event, group, target) => {
-    dispatch(transfer(resource.uri, group, target, errorKey))
+  const handleClick = (event) => {
+    dispatch(transfer(resource.uri, keycloak, errorKey))
     event.preventDefault()
   }
 
   const buttons = transferTargets.map(([target, group, label]) => (
     <TransferButton
       key={`${group}-${target}`}
       label={`Export to ${label}`}
-      handleClick={(event) => handleClick(event, group, target)}
+      handleClick={(event) => handleClick(event)}
     />
   ))
 

src/sinopiaApi.js

@@ -105,7 +105,8 @@ export const fetchResourceRelationships = (uri) => {
 }
 
 // Fetches list of groups
-export const getGroups = () => Promise.resolve([{ id: "blue core", label: "Blue Core" }])
+export const getGroups = () =>
+  Promise.resolve([{ id: "blue core", label: "Blue Core" }])
 
 // Publishes (saves) a new resource
 export const postResource = (
@@ -227,17 +228,17 @@ export const putUserHistory = (
   }).then((resp) => checkResp(resp).then(() => resp.json()))
 }
 
-export const postTransfer = (resourceUri, group, target, keycloak) => {
-  const url = `${resourceUri.replace(
-    "resource",
-    "transfer"
-  )}/${group}/${target}`
+export const postTransfer = (resourceUri, keycloak) => {
+  const url = `${Config.sinopiaApiBase}/export`
   const jwt = getJwt(keycloak)
+
   return fetch(url, {
     method: "POST",
     headers: {
       Authorization: `Bearer ${jwt}`,
+      "Content-Type": "application/json",
     },
+    body: JSON.stringify({ instance_uri: resourceUri }),
   }).then((resp) => checkResp(resp))
 }