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

rOACCT/assets/src/ContextProvider.js
16caf0ce7ae0paginated-inlines

Last Change
Raw File

ContextProvider.js
View Options

import React, {useCallback, useState, useEffect} from "react"
import { getListOfInstitution } from './services/requests/Institution'
import { getListOfJournal } from "./services/requests/Journal"
import { getListOfFunder } from "./services/requests/Funder"
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 [funderList, setFunderList] = useState([]);
const [institId, setInstitId] = React.useState('');
const [institName, setInstitName] = React.useState('');
const [journalId, setJournalId] = React.useState('');
const [journalName, setJournalName] = React.useState('');
const [funderId, setFunderId] = React.useState('');
const [funderName, setFunderName] = React.useState('');
const [url, setUrl] = React.useState('');
const [refList, setRefList] = 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}`)
}
}, [])
const getFunderListFromApi = useCallback(async () => {
try {
const response = await getListOfFunder()
setFunderList(response.data)
} catch (error) {
console.log(`error 700 from Get Funder- ${error.message}`)
}
}, [])
useEffect(() => {
getInstitListFromApi(),
getJournalListFromApi(),
getFunderListFromApi()
}, [])
//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
const newItemName = item.name
setInstitId(newItem)
setInstitName(newItemName)
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
const newItemName = item.name
setJournalId(newItem)
setJournalName(newItemName)
return
}
return
})
return
}
//get the funder Id and update request array
function getSelectedFunderId (name) {
const updateArr = funderList.map(item => {
if(item.name === name) {
console.log(item.id, item.name)
const newItem = item.id
const newItemName = item.name
setFunderId(newItem)
setFunderName(newItemName)
return
}
return
})
return
}
return (
<Context.Provider value={{institList,
journalList,
funderList,
getSelectedInstitId,
getSelectedJournalId,
getSelectedFunderId,
institId,
setInstitId,
journalId,
setJournalId,
funderId,
setFunderId,
institName,
setInstitName,
journalName,
funderName,
setFunderName,
setJournalName,
setUrl,
url,
setRefList,
refList
}}>
{children}
</Context.Provider>
)
}
export {ContextProvider, Context}
c4science · Help