From 768acf3c28340b8d30017347d970efaf2cfbe536 Mon Sep 17 00:00:00 2001
From: Sylvain <sylvain@sleede.com>
Date: Tue, 27 Sep 2022 12:33:13 +0200
Subject: [PATCH] (bug) do not display product sku if no set

---
 .../src/javascript/components/store/store-product.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/frontend/src/javascript/components/store/store-product.tsx b/app/frontend/src/javascript/components/store/store-product.tsx
index de5b96aaa..03436cc38 100644
--- a/app/frontend/src/javascript/components/store/store-product.tsx
+++ b/app/frontend/src/javascript/components/store/store-product.tsx
@@ -26,7 +26,7 @@ interface StoreProductProps {
 }
 
 /**
- * This component shows a product
+ * This component shows the details of a single product, in full page
  */
 export const StoreProduct: React.FC<StoreProductProps> = ({ productSlug, currentUser, onSuccess, onError }) => {
   const { t } = useTranslation('public');
@@ -129,7 +129,7 @@ export const StoreProduct: React.FC<StoreProductProps> = ({ productSlug, current
   if (product) {
     return (
       <div className={`store-product ${statusColor(product) || ''}`}>
-        <span className='ref'>ref: {product.sku}</span>
+        {product.sku && <span className='ref'>{t('app.public.store_product.ref', { REF: product.sku })}</span>}
         <h2 className='name'>{product.name}</h2>
         <div className='gallery'>
           <div className='main'>