diff --git a/web/satellite/src/components/browser/FileBrowser.vue b/web/satellite/src/components/browser/FileBrowser.vue index 0f4aa9e8b..54490045c 100644 --- a/web/satellite/src/components/browser/FileBrowser.vue +++ b/web/satellite/src/components/browser/FileBrowser.vue @@ -93,8 +93,14 @@
+ + @@ -220,6 +226,7 @@ import VButton from '@/components/common/VButton.vue'; import BucketSettingsNav from '@/components/objects/BucketSettingsNav.vue'; import VTable from '@/components/common/VTable.vue'; import MultiplePassphraseBanner from '@/components/browser/MultiplePassphrasesBanner.vue'; +import TooManyObjectsBanner from '@/components/browser/TooManyObjectsBanner.vue'; import UpEntry from '@/components/browser/UpEntry.vue'; import Dropzone from '@/components/browser/Dropzone.vue'; @@ -241,7 +248,8 @@ const fileInput = ref(); const fetchingFilesSpinner = ref(false); const isUploadDropDownShown = ref(false); -const isBannerShown = ref(true); +const isLockedBanner = ref(true); +const isTooManyObjectsBanner = ref(true); const isOver = ref(false); /** * Retrieve the pathMatch from the current route. @@ -289,7 +297,7 @@ const currentPath = computed((): string => { /** * Return locked files number. */ -const lockedFilesNumber = computed((): number => { +const lockedFilesCount = computed((): number => { const ownObjectsCount = obStore.state.objectsCount; return objectsCount.value - ownObjectsCount; @@ -309,7 +317,7 @@ const objectsCount = computed((): number => { * Indicates if locked files entry is displayed. */ const lockedFilesEntryDisplayed = computed((): boolean => { - return lockedFilesNumber.value > 0 && + return lockedFilesCount.value > 0 && objectsCount.value <= NUMBER_OF_DISPLAYED_OBJECTS && !fetchingFilesSpinner.value && !currentPath.value; @@ -392,8 +400,15 @@ const bucket = computed((): string => { /** * Closes multiple passphrase banner. */ -function closeBanner(): void { - isBannerShown.value = false; +function closeLockedBanner(): void { + isLockedBanner.value = false; +} + +/** + * Closes too many objects banner. + */ +function closeTooManyObjectsBanner(): void { + isTooManyObjectsBanner.value = false; } function calculateRoutePath(): string { diff --git a/web/satellite/src/components/browser/FileBrowserHeader.vue b/web/satellite/src/components/browser/FileBrowserHeader.vue index 1873afe60..445d6725a 100644 --- a/web/satellite/src/components/browser/FileBrowserHeader.vue +++ b/web/satellite/src/components/browser/FileBrowserHeader.vue @@ -283,5 +283,4 @@ function cancelDeleteSelection(): void { } } } - diff --git a/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue b/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue index 1acb56f87..1c2c6b053 100644 --- a/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue +++ b/web/satellite/src/components/browser/MultiplePassphrasesBanner.vue @@ -6,23 +6,15 @@