Align logic of showing only storage bucket with variable name

Bug: 408930706, 435311130
Change-Id: Ibaf382fc673ebd44a60747a588142b2bb1090902
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7736086
Auto-Submit: Wolfgang Beyer <wolfi@chromium.org>
Commit-Queue: Piotr Paulski <piotrpaulski@chromium.org>
Reviewed-by: Piotr Paulski <piotrpaulski@chromium.org>

Author: wolfib

front_end/panels/application/IndexedDBViews.ts

@@ -147,7 +147,7 @@ export class IDBDatabaseView extends ApplicationComponents.StorageMetadataView.S
     super();
 
     this.model = model;
-    this.setShowOnlyBucket(false);
+    this.setShowOnlyBucket(true);
     if (database) {
       this.update(database);
     }

front_end/panels/application/ServiceWorkerCacheViews.ts

@@ -133,7 +133,7 @@ export class ServiceWorkerCacheView extends UI.View.SimpleView {
                            .model(SDK.StorageBucketsModel.StorageBucketsModel)
                            ?.getBucketByName(cache.storageBucket.storageKey, cache.storageBucket.name);
 
-    this.metadataView.setShowOnlyBucket(false);
+    this.metadataView.setShowOnlyBucket(true);
 
     if (bucketInfo) {
       this.metadataView.setStorageBucket(bucketInfo);

front_end/panels/application/components/StorageMetadataView.test.ts

@@ -284,7 +284,7 @@ describe('StorageMetadataView', () => {
       durability: Protocol.Storage.StorageBucketsDurability.Relaxed,
     };
     component.setStorageBucket(bucketInfo);
-    component.setShowOnlyBucket(false);
+    component.setShowOnlyBucket(true);
     await RenderCoordinator.done();
 
     const report = component.shadowRoot!.querySelector('devtools-report');

front_end/panels/application/components/StorageMetadataView.ts

@@ -126,7 +126,7 @@ export class StorageMetadataView extends LegacyWrapper.LegacyWrapper.WrappableCo
   #storageBucketsModel?: SDK.StorageBucketsModel.StorageBucketsModel;
   #storageKey: SDK.StorageKeyManager.StorageKey|null = null;
   #storageBucket: Protocol.Storage.StorageBucketInfo|null = null;
-  #showOnlyBucket = true;
+  #showOnlyBucket = false;
 
   setStorageKey(storageKey: string): void {
     this.#storageKey = SDK.StorageKeyManager.parseStorageKey(storageKey);
@@ -232,7 +232,7 @@ export class StorageMetadataView extends LegacyWrapper.LegacyWrapper.WrappableCo
       if (isDefault) {
         return html`<span class="default-bucket">${i18nString(UIStrings.defaultBucket)}</span>`;
       }
-      if (this.#showOnlyBucket) {
+      if (!this.#showOnlyBucket) {
         return html`${name}`;
       }
       const revealBucket = (e: Event): void => {
@@ -249,7 +249,7 @@ export class StorageMetadataView extends LegacyWrapper.LegacyWrapper.WrappableCo
       >${name}</devtools-link>`;
     };
 
-    if (!this.#showOnlyBucket) {
+    if (this.#showOnlyBucket) {
       return html`
         ${this.key(i18nString(UIStrings.bucketName))}
         ${this.value(renderBucketName())}`;