From 45a47f654e7bcbc21b046de85ccad114b275df24 Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Mon, 6 Mar 2023 14:44:01 +0200
Subject: [PATCH] web/satellite: disable buckets checkbox if all buckets are
 selected

Disable buckets checkbox if all buckets option is selected for new access grant flow.
This would disallow unchecking all buckets checkbox if none of the specific buckets is selected.

Change-Id: I81a9f03d49d2cde862fd0afbc2fde0abeb0b31ce
---
 .../accessGrants/newCreateFlow/components/Toggle.vue          | 4 +++-
 .../accessGrants/newCreateFlow/steps/ChoosePermissionStep.vue | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/web/satellite/src/components/accessGrants/newCreateFlow/components/Toggle.vue b/web/satellite/src/components/accessGrants/newCreateFlow/components/Toggle.vue
index b5d8ea5a8..61ad754c0 100644
--- a/web/satellite/src/components/accessGrants/newCreateFlow/components/Toggle.vue
+++ b/web/satellite/src/components/accessGrants/newCreateFlow/components/Toggle.vue
@@ -4,7 +4,7 @@
 <template>
     <div class="toggle">
         <label class="toggle__input-container">
-            <input :id="id || label" :checked="checked" type="checkbox" @change="onCheck">
+            <input :id="id || label" :checked="checked" :disabled="disabled" type="checkbox" @change="onCheck">
             <span />
         </label>
         <label class="toggle__label" :for="id || label">{{ label }}</label>
@@ -45,12 +45,14 @@ const props = withDefaults(defineProps<{
     id?: string;
     onShowHideAll?: () => void;
     allShown?: boolean;
+    disabled?: boolean;
 }>(), {
     checked: false,
     label: '',
     id: '',
     onCheck: () => {},
     onShowHideAll: undefined,
+    disabled: false,
 });
 </script>
 
diff --git a/web/satellite/src/components/accessGrants/newCreateFlow/steps/ChoosePermissionStep.vue b/web/satellite/src/components/accessGrants/newCreateFlow/steps/ChoosePermissionStep.vue
index c58a18e8e..6df3566ad 100644
--- a/web/satellite/src/components/accessGrants/newCreateFlow/steps/ChoosePermissionStep.vue
+++ b/web/satellite/src/components/accessGrants/newCreateFlow/steps/ChoosePermissionStep.vue
@@ -45,6 +45,7 @@
                     id="allBuckets"
                     :checked="selectedBuckets.length === 0"
                     label="All"
+                    :disabled="selectedBuckets.length === 0"
                     :on-check="selectAllBuckets"
                     :on-show-hide-all="toggleBucketsVisibility"
                     :all-shown="searchBucketsShown"