+9 -3

src/components/organisms/grain-action-dialog.js

reviewed

··· 5 5 static properties = { 6 6 open: { type: Boolean, reflect: true }, 7 7 actions: { type: Array }, 8 8 - loading: { type: Boolean } 8 8 + loading: { type: Boolean }, 9 9 + loadingText: { type: String } 9 10 }; 10 11 11 12 static styles = css` ··· 58 59 color: var(--color-text-secondary); 59 60 } 60 61 .loading { 61 61 - padding: 24px; 62 62 + padding: 14px 16px; 62 63 display: flex; 64 64 + align-items: center; 63 65 justify-content: center; 66 66 + gap: 8px; 67 67 + font-size: var(--font-size-sm); 68 68 + color: var(--color-text-secondary); 64 69 } 65 70 `; 66 71 ··· 69 74 this.open = false; 70 75 this.actions = []; 71 76 this.loading = false; 77 77 + this.loadingText = 'Loading...'; 72 78 } 73 79 74 80 #handleOverlayClick(e) { ··· 98 104 <div class="dialog"> 99 105 ${this.loading ? html` 100 106 <div class="loading"> 101 101 - <grain-spinner></grain-spinner> 107 107 + <grain-spinner size="16"></grain-spinner> ${this.loadingText} 102 108 </div> 103 109 ` : html` 104 110 ${this.actions.map(item => html`

+1

src/components/pages/grain-gallery-detail.js

reviewed

··· 237 237 <grain-action-dialog 238 238 ?open=${this._menuOpen} 239 239 ?loading=${this._deleting} 240 240 + loadingText="Deleting..." 240 241 .actions=${[{ label: 'Delete', action: 'delete', danger: true }]} 241 242 @action=${this.#handleAction} 242 243 @close=${this.#handleMenuClose}