diff --git a/client/src/pages/openalex-affiliations/results/index.jsx b/client/src/pages/openalex-affiliations/results/index.jsx index d51a6f9..b89663d 100644 --- a/client/src/pages/openalex-affiliations/results/index.jsx +++ b/client/src/pages/openalex-affiliations/results/index.jsx @@ -47,6 +47,7 @@ export default function Affiliations() { const [filteredAffiliationName, setFilteredAffiliationName] = useState(''); const [filteredAffiliations, setFilteredAffiliations] = useState([]); const [isLoading, setIsLoading] = useState(false); + const [isLoadingRor, setIsLoadingRor] = useState(false); const [isAddModalOpen, setIsAddModalOpen] = useState(false); const [isRemoveModalOpen, setIsRemoveModalOpen] = useState(false); const [ror, setRor] = useState(''); @@ -298,8 +299,10 @@ export default function Affiliations() { }; const getCleanRor = async () => { + setIsLoadingRor(true); const cleanRorData = await getRorData(ror); setCleanRor(cleanRorData[0]); + setIsLoadingRor(false); }; const setSelectAffiliations = (affiliationIds) => { @@ -568,7 +571,7 @@ export default function Affiliations() { onChange={(e) => setRor(e.target.value)} value={ror} label="ROR" - hint="Enter a valid ROR id and 'check' it with ROR API" + hint='Enter a valid ROR id and "check" it with ROR API' />