CORE-1967 Replace usage of URL.canParse

Chromatic is throwing errors that URL.canParse is not a function, even though CanIUse and MDN docs indicate there's wide support for it.
cyverse-de · Feb 29, 2024 · d030330 · d030330
1 parent f084b0d
commit d030330
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/data/listing/Listing.js b/src/components/data/listing/Listing.js
@@ -280,7 +280,7 @@ function Listing(props) {
     const { data: localContextsProject } = useQuery({
         queryKey: [LOCAL_CONTEXTS_QUERY_KEY, projectID],
         queryFn: () => getLocalContextsProject({ projectID }),
-        enabled: URL.canParse(localContextsProjectURI),
+        enabled: !!localContextsProjectURI,
         onError: (error) =>
             console.log("Error fetching Local Contexts project.", {
                 localContextsProjectURI,

diff --git a/src/components/data/listing/TableView.js b/src/components/data/listing/TableView.js
@@ -102,7 +102,7 @@ function ResourceNameCell({
     const { data: project } = useQuery({
         queryKey: [LOCAL_CONTEXTS_QUERY_KEY, projectID],
         queryFn: () => getLocalContextsProject({ projectID }),
-        enabled: URL.canParse(localContextsProjectURI),
+        enabled: !!localContextsProjectURI,
         onError: (error) =>
             console.log("Error fetching Local Contexts project.", {
                 localContextsProjectURI,

diff --git a/src/components/metadata/templates/LocalContextsField.js b/src/components/metadata/templates/LocalContextsField.js
@@ -83,6 +83,8 @@ const LocalContextsField = ({
         return schemeURI;
     });
 
+    const { touched, errors } = form;
+    const fieldError = getFormError(field.name, touched, errors);
     const projectID = parseProjectID(projectHubURI);
 
     const { data: project, isFetching } = useQuery({
@@ -91,7 +93,7 @@ const LocalContextsField = ({
             getLocalContextsProject({
                 projectID,
             }),
-        enabled: URL.canParse(projectHubURI),
+        enabled: projectHubURI && !fieldError,
         onSuccess: (project) => {
             let newValue = avu.value || "";
 
@@ -202,9 +204,7 @@ const LocalContextsField = ({
         }
     };
 
-    const { touched, errors } = form;
-    const errorMsg =
-        getFormError(field.name, touched, errors) || projectHubError;
+    const errorMsg = fieldError || projectHubError;
 
     return (
         <>