Diffusion Open Access Compliance Check Tool (OACCT) (issn4frontend) Browse

Context.js
cb1a7d425c96issn4frontend

Context.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 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
			}}>
			{children}
			</Context.Provider>
			)
			}

			export {ContextProvider, Context}

rOACCT/assets/src/Context.jscb1a7d425c96issn4frontend

Context.jsView Options

rOACCT/assets/src/Context.js
cb1a7d425c96issn4frontend

Context.js
View Options