diff --git a/src/ImageBuilder.jsx b/src/ImageBuilder.jsx index 1e33da0..12a6159 100644 --- a/src/ImageBuilder.jsx +++ b/src/ImageBuilder.jsx @@ -91,7 +91,8 @@ function ImageLogs({ setTerm, setFitAddon }) { } export function ImageBuilder({ name }) { - const { repo, repoId, repoFieldProps, repoError, repoIsValidating} = useRepositoryField(); + const { repo, repoId, repoFieldProps, repoError, repoIsValidating } = + useRepositoryField(); const { ref, refError, refFieldProps, refIsLoading } = useRefField(repoId); const repoFieldRef = useRef(); const branchFieldRef = useRef(); @@ -150,7 +151,9 @@ export function ImageBuilder({ name }) { aria-invalid={!!repoError} /> {repoIsValidating && ( -
Validating repository...
+
+ Validating repository... +
)} {repoError && (
{repoError}
@@ -173,7 +176,9 @@ export function ImageBuilder({ name }) { isDisabled={!refFieldProps.options} /> {refIsLoading && !refIsLoading && ( -
Loading Git ref options...
+
+ Loading Git ref options... +
)} {refError && (
{refError}
diff --git a/src/hooks/useRefField.js b/src/hooks/useRefField.js index c82f50d..c872cb9 100644 --- a/src/hooks/useRefField.js +++ b/src/hooks/useRefField.js @@ -26,14 +26,15 @@ export default function useRefField(repository) { Promise.all([ fetchRef(repository, "branches"), fetchRef(repository, "tags"), - ]).then((results) => { + ]) + .then((results) => { const refOptions = results.flat().map(({ name }) => ({ label: name, value: name, })); setOptions(refOptions); }) - .finally(() => setIsLoading(false)) + .finally(() => setIsLoading(false)); } }, [repository]); diff --git a/src/hooks/useRepositoryField.js b/src/hooks/useRepositoryField.js index d86b561..5363fd5 100644 --- a/src/hooks/useRepositoryField.js +++ b/src/hooks/useRepositoryField.js @@ -26,7 +26,7 @@ export default function useRepositoryField() { const [isValidating, setIsValidating] = useState(false); const validate = async () => { - setIsValidating(true) + setIsValidating(true); setError(); const orgRepoString = extractOrgAndRepo(value);