diff --git a/src/components/images/ImagePickerDialog.vue b/src/components/images/ImagePickerDialog.vue index 1d5ac3646ceeac38978613b4f11e47d315fc4c95..0a535d03386fa77437cd416d77c12c789207aba6 100644 --- a/src/components/images/ImagePickerDialog.vue +++ b/src/components/images/ImagePickerDialog.vue @@ -105,7 +105,7 @@ const isSelectedImageNew = computed(() => { else if ('id' in selectedImage.value) return selectedImage.value.id !== props.modelValue else return true }) -const { isLoading: isSaving, fn: saveAndSelectImage } = useAsyncFunction( +const { isProcessing: isSaving, fn: saveAndSelectImage } = useAsyncFunction( async (image: Image | NewImage) => { error.value = undefined const data = new FormData() diff --git a/src/util.ts b/src/util.ts index 8793c6954c869fba132d461bfe584cc1a3964562..a6f2c6f6937cbf68ab3b94bd1c75ba643d5c8d4c 100644 --- a/src/util.ts +++ b/src/util.ts @@ -14,16 +14,16 @@ export const useId = (() => { })() export function useAsyncFunction<F extends (...args: never[]) => Promise<unknown>>(fn: F) { - const isLoading = ref(false) + const isProcessing = ref(false) async function wrapper(...args: Parameters<F>): Promise<Awaited<ReturnType<F>>> { - isLoading.value = true + isProcessing.value = true try { return (await fn(...args)) as Awaited<ReturnType<F>> } finally { - isLoading.value = false + isProcessing.value = false } } - return { fn: wrapper, isLoading } + return { fn: wrapper, isProcessing } } export function useUpdatableState<T>(