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);