Homec4science
Diffusion Open Access Compliance Check Tool (OACCT) (master) Browse

rOACCT/assets/src/Context.js
43efb53c6269master

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 [institId, setInstitId] = React.useState('');
const [journalId, setJournalId] = React.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)
const newItem = item.id
setInstitId(newItem)
return newItem
}
// return
})
// return
}
//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)
const newItem = item.id
setJournalId(newItem)
return
}
return
})
return
}
return (
<Context.Provider value={{institList, journalList, getSelectedInstitId, getSelectedJournalId , institId, setInstitId, journalId, setJournalId}}>
{children}
</Context.Provider>
)
}
export {ContextProvider, Context}
c4science · Help