diff --git a/src/components/brand/BrandImageSearchDialog.jsx b/src/components/brand/BrandImageSearchDialog.jsx index a4c9217..7d8aa5a 100644 --- a/src/components/brand/BrandImageSearchDialog.jsx +++ b/src/components/brand/BrandImageSearchDialog.jsx @@ -302,12 +302,10 @@ export default class BrandImageSearchDialog extends PureComponent { > this.setState({ query: e.target.value })} onKeyDown={this.handleQueryKeyDown} - placeholder="z. B. Nike logo png" slotProps={{ input: { startAdornment: ( @@ -336,36 +334,79 @@ export default class BrandImageSearchDialog extends PureComponent { {/* Progress / Status banner */} - {status === 'loading' && } + + {status === 'loading' && ( + + + + Bilder werden gesucht... + + + + + )} - {status === 'streaming' && ( - + {status === 'streaming' && ( + + + + Thumbnails werden gestreamt... + + + {loadedThumbs} / {images.length} + + + 0 + ? Math.round((loadedThumbs / images.length) * 100) + : 0 + } + sx={{ borderRadius: 1 }} + /> + + )} + + {status === 'done' && images.length > 0 && ( - Thumbnails werden gestreamt... + Thumbnails geladen {loadedThumbs} / {images.length} - 0 - ? Math.round((loadedThumbs / images.length) * 100) - : 0 - } - sx={{ borderRadius: 1 }} - /> - - )} + )} + {/* Error banner */} {error && ( @@ -611,10 +652,7 @@ export default class BrandImageSearchDialog extends PureComponent { )} - - - {images.length > 0 ? `${images.length} Ergebnisse gefunden` : ''} - +