From c3d9ba74b50fa357b3df92cf197d8ccd734a5e05 Mon Sep 17 00:00:00 2001
From: Gautier Darchen <gautier.darchen@swile.co>
Date: Tue, 17 Oct 2023 14:35:37 +0200
Subject: [PATCH 1/2] feat(admin-ui): Add product slug in product multi
 selector dialog component

---
 .../product-multi-selector-dialog.component.html            | 6 ++++++
 .../product-multi-selector-dialog.component.scss            | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html
index 0a0f9737cd..bd597bd588 100644
--- a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html
+++ b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html
@@ -37,6 +37,12 @@
                 <span [title]="mode === 'product' ? item.productName : item.productVariantName">{{
                     mode === 'product' ? item.productName : item.productVariantName
                 }}</span>
+                <div *ngIf="mode === 'product'">
+                    <small>
+                        <span class="slug-label">slug:</span>
+                        <code>{{ item.slug }}</code>
+                    </small>
+                </div>
                 <div *ngIf="mode === 'variant'"><small>{{ item.sku }}</small></div>
             </div>
         </div>
diff --git a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss
index 86d39a37a0..ab62965db3 100644
--- a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss
+++ b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss
@@ -28,6 +28,10 @@
     }
 }
 
+.slug-label {
+    margin-right: 4px;
+}
+
 .detail {
     margin: 0 3px;
     font-size: 12px;
@@ -74,3 +78,4 @@ vdr-select-toggle {
     align-items: center;
     justify-content: space-between;
 }
+

From 1b48276a7e2df53f5fee37e16be3bbb387f661e8 Mon Sep 17 00:00:00 2001
From: Gautier Darchen <gautier.darchen@swile.co>
Date: Tue, 17 Oct 2023 15:35:50 +0200
Subject: [PATCH 2/2] refactor(admin-ui): Use built-in `mr-*` class and use
 i18n key for slug label

---
 .../product-multi-selector-dialog.component.html              | 2 +-
 .../product-multi-selector-dialog.component.scss              | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html
index bd597bd588..538c96f4e6 100644
--- a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html
+++ b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.html
@@ -39,7 +39,7 @@
                 }}</span>
                 <div *ngIf="mode === 'product'">
                     <small>
-                        <span class="slug-label">slug:</span>
+                        <span class="mr-1">{{ 'common.slug' | translate }}:</span>
                         <code>{{ item.slug }}</code>
                     </small>
                 </div>
diff --git a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss
index ab62965db3..def20113c7 100644
--- a/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss
+++ b/packages/admin-ui/src/lib/core/src/shared/components/product-multi-selector-dialog/product-multi-selector-dialog.component.scss
@@ -28,10 +28,6 @@
     }
 }
 
-.slug-label {
-    margin-right: 4px;
-}
-
 .detail {
     margin: 0 3px;
     font-size: 12px;