disable compress button during compression

Lenni009 · web-flow · commit 05c866d619d5 · 2024-03-11T18:35:27.000+01:00
diff --git a/src/App.vue b/src/App.vue
@@ -88,7 +88,7 @@ function removeItem(file: FileObj) {
       <button
         :aria-busy="isCompressing"
         :class="{ 'is-success': files.length && !anyUncompressed }"
-        :disabled="!files.length || !anyUncompressed"
+        :disabled="!files.length || !anyUncompressed || isCompressing"
         @click="compressFiles"
       >
         {{ files.length && !anyUncompressed ? t('translation.allcompressed') : t('translation.compress') }}

Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,7 @@ function removeItem(file: FileObj) {`
`88`	`88`	`<button`
`89`	`89`	`:aria-busy="isCompressing"`
`90`	`90`	`:class="{ 'is-success': files.length && !anyUncompressed }"`
`91`		`- :disabled="!files.length \|\| !anyUncompressed"`
	`91`	`+ :disabled="!files.length \|\| !anyUncompressed \|\| isCompressing"`
`92`	`92`	`@click="compressFiles"`
`93`	`93`	`>`
`94`	`94`	`{{ files.length && !anyUncompressed ? t('translation.allcompressed') : t('translation.compress') }}`