feat(files): show quota warning on page load or if storage becomes full

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>

diff --git a/apps/files/src/components/NavigationQuota.vue b/apps/files/src/components/NavigationQuota.vue
index 18cd99f248bcc886b49b0c9e0766bf9db4da69f9..ab04977992196a8ec9b0c71f36d10539830d8d25 100644 (file)
--- a/apps/files/src/components/NavigationQuota.vue
+++ b/apps/files/src/components/NavigationQuota.vue
@@ -27,6 +27,7 @@ import { showError } from '@nextcloud/dialogs'
 import { subscribe } from '@nextcloud/event-bus'
 import { translate } from '@nextcloud/l10n'
 import axios from '@nextcloud/axios'
+
 import ChartPie from 'vue-material-design-icons/ChartPie.vue'
 import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
 import NcProgressBar from '@nextcloud/vue/dist/Components/NcProgressBar.js'
@@ -86,6 +87,13 @@ export default {
                subscribe('files:node:updated', this.throttleUpdateStorageStats)
        },
 
+       mounted() {
+               // Warn the user if the available storage is 0 on page load
+               if (this.storageStats?.free === 0) {
+                       this.showStorageFullWarning()
+               }
+       },
+
        methods: {
                // From user input
                debounceUpdateStorageStats: debounce(200, function(event) {
@@ -113,6 +121,12 @@ export default {
                                if (!response?.data?.data) {
                                        throw new Error('Invalid storage stats')
                                }
+
+                               // Warn the user if the available storage changed from > 0 to 0
+                               if (this.storageStats?.free !== 0 && response.data.data?.free === 0) {
+                                       this.showStorageFullWarning()
+                               }
+
                                this.storageStats = response.data.data
                        } catch (error) {
                                logger.error('Could not refresh storage stats', { error })
@@ -125,6 +139,10 @@ export default {
                        }
                },
 
+               showStorageFullWarning() {
+                       showError(this.t('files', 'Your storage is full, files can not be updated or synced anymore!'))
+               },
+
                t: translate,
        },
 }