Homec4science
Diffusion Open Access Compliance Check Tool (OACCT) (paginated-inlines) Browse

rOACCT/assets/src/Context.js
928a0f8b5792paginated-inlines

Last Change
Raw File

Context.js
View Options

import React, {useCallback, useState, useEffect} from "react"
import { getListOfInstitution } from './services/requests/Institution'
import { getListOfJournal } from "./services/requests/Journal";
const Context = React.createContext()
function ContextProvider ({children}) {
//call the custom hook for listing field with api
const [institList, setInstitList] = useState([]);
const [journalList, setJournalList] = useState([]);
const [requestArr, setRequestArr] = useState([]);
const getInstitListFromApi = useCallback(async () => {
try {
const response = await getListOfInstitution()
setInstitList(response.data)
} catch (error) {
console.log(`error 700 from Get Institution- ${error.message}`)
}
}, [])
const getJournalListFromApi = useCallback(async () => {
try {
const response = await getListOfJournal()
setJournalList(response.data)
} catch (error) {
console.log(`error 700 from Get Institution- ${error.message}`)
}
}, [])
useEffect(() => {
getInstitListFromApi(),
getJournalListFromApi()
}, [])
//get the institution Id and update request array
function getSelectedInstitId (name) {
const updateArr = institList.map(item => {
if(item.name === name) {
console.log(item.id, item.name)
return {...item, id : item.id, name: item.name}
}
return item
})
setRequestArr(updateArr)
}
//get the journal Id and update request array
function getSelectedJournalId (name) {
const updateArr = journalList.map(item => {
if(item.name === name) {
console.log(item.id, item.name)
return {...item, id : item.id, name: item.name}
}
return item
})
setRequestArr(updateArr)
}
return (
<Context.Provider value={{institList, journalList, getSelectedInstitId, getSelectedJournalId , requestArr}}>
{children}
</Context.Provider>
)
}
export {ContextProvider, Context}
c4science · Help