u

src/components/tiles/ArticleTile.jsx

@@ -6,6 +6,7 @@ import { Tile, tileBaseSx } from 'dashgui/tiles';
 import { formatPrice } from '../../utils/price';
 import { articleSku } from '../../pages/artikel/articleRoute';
 import ArticlePhoto from '../article/ArticlePhoto';
+import { BrandLabel } from '../brand';
 
 export class ArticleTile extends Tile {
   hasPhoto() {
@@ -21,8 +22,23 @@ export class ArticleTile extends Tile {
     const { article } = this.props;
     if (!article) return null;
     const sku = articleSku(article);
+    const brand = article.brand;
     return (
       <>
+        {brand?.name ? (
+          <BrandLabel
+            brand={brand}
+            name={brand.name}
+            size={16}
+            spacing={0.5}
+            typographyProps={{
+              variant: 'caption',
+              color: 'text.secondary',
+              fontWeight: 500,
+              noWrap: true,
+            }}
+          />
+        ) : null}
         {sku ? (
           <Typography variant="caption" color="text.secondary" noWrap sx={{ maxWidth: '100%' }}>
             {sku}
@@ -83,6 +99,20 @@ export class ArticleTile extends Tile {
             textAlign: 'left',
           }}
         >
+          {article?.brand?.name ? (
+            <BrandLabel
+              brand={article.brand}
+              name={article.brand.name}
+              size={14}
+              spacing={0.5}
+              typographyProps={{
+                variant: 'caption',
+                noWrap: true,
+                sx: { color: 'rgba(255,255,255,0.9)', fontWeight: 500, lineHeight: 1.1 },
+              }}
+              sx={{ mb: 0.25 }}
+            />
+          ) : null}
           {label ? (
             <Typography
               variant="body2"