diff --git a/src/views/CameraCapture.vue b/src/views/CameraCapture.vue
index abac1d8..1ad0711 100644
--- a/src/views/CameraCapture.vue
+++ b/src/views/CameraCapture.vue
@@ -72,7 +72,7 @@
 			<template #footer>
 				<n-space justify-content="end">
 					<n-button size="large" @click="showPhotoTakenModal = false; isPhotoTaken = false">Back</n-button>
-					<n-button type="primary" size="large" @click="uploadPhoto">Upload</n-button>
+					<n-button type="primary" size="large" @click="uploadPhoto" :loading="isUploading">Upload</n-button>
 				</n-space>
 			</template>
 		</n-modal>
@@ -125,6 +125,7 @@ export default {
 			},
 
 			showPhotoTakenModal: false,
+			isUploading: false,
 		}
 	},
 	beforeMount() {
@@ -229,6 +230,7 @@ export default {
 			this.showPhotoTakenModal = true
 		},
 		uploadPhoto() {
+			this.isUploading = true
 			const dataURLtoFile = (dataurl, filename) => {
 				const arr = dataurl.split(',')
 				const mime = arr[0].match(/:(.*?);/)[1]
@@ -248,6 +250,7 @@ export default {
 				this.message.success('Done!')
 				this.isPhotoTaken = false
 				this.showPhotoTakenModal = false
+				this.isUploading = false
 			}).catch((error) => {
 				this.message.error('There was an error uploading the photo: ' + error)
 			})