From 07730b1dad6842dccf5cbe4cc89f67674200bbfe Mon Sep 17 00:00:00 2001
From: lnormandon <lnormandon@openstudio.fr>
Date: Tue, 11 Jun 2024 16:56:00 +0200
Subject: [PATCH] fix storeinfo

---
 components/Organisms/Card/SelfPromotion/selfPromotion.css | 1 +
 components/Organisms/Card/StoreInfo/StoreInfo.stories.js  | 1 +
 components/Organisms/Card/StoreInfo/StoreInfo.twig        | 4 ++--
 components/Organisms/Card/StoreInfo/storeInfo.css         | 3 +++
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/Organisms/Card/SelfPromotion/selfPromotion.css b/components/Organisms/Card/SelfPromotion/selfPromotion.css
index 575f2c9..a11c451 100644
--- a/components/Organisms/Card/SelfPromotion/selfPromotion.css
+++ b/components/Organisms/Card/SelfPromotion/selfPromotion.css
@@ -17,6 +17,7 @@
     @apply paragraph-2;
     font-weight: 600;
     color: var(--black);
+    margin-bottom:  rem-convert(2px);
   }
 
   &-desc {
diff --git a/components/Organisms/Card/StoreInfo/StoreInfo.stories.js b/components/Organisms/Card/StoreInfo/StoreInfo.stories.js
index 282c707..3677fbe 100644
--- a/components/Organisms/Card/StoreInfo/StoreInfo.stories.js
+++ b/components/Organisms/Card/StoreInfo/StoreInfo.stories.js
@@ -31,6 +31,7 @@ export const Base = {
   },
   args: {
     storeName: 'Nom du magasin',
+    displayHours: false,
     address,
     hours
   }
diff --git a/components/Organisms/Card/StoreInfo/StoreInfo.twig b/components/Organisms/Card/StoreInfo/StoreInfo.twig
index bdbe03e..954e87f 100644
--- a/components/Organisms/Card/StoreInfo/StoreInfo.twig
+++ b/components/Organisms/Card/StoreInfo/StoreInfo.twig
@@ -6,12 +6,12 @@
     <div>{{ address.zipCode }} {{ address.city }}</div>
   </div>
   <div class='lg:flex justify-between align-center'>
-    <button class='StoreInfo-hours'>{{ source("/icons/clock.svg") }}Horaires</button>
+    <button class='StoreInfo-hours'>{{ source("/icons/clock.svg") }}Horaires du magasin</button>
     <div class='hidden lg:block'>
       {% include '../../../Molecules/Button/Button.twig' with {text: 'Choisir ce magasin', classes:'Button--fill lg:Button--unfill'} %}
     </div>
   </div>
-  <div class='StoreInfo-hoursListing hidden'>
+  <div class='StoreInfo-hoursListing {% if not displayHours|default(false) %}hidden{% endif %}'>
       {% for hour in hours %}
         <div>{{ hour.day }}</div>
         <div>{{ hour.hours }}</div>
diff --git a/components/Organisms/Card/StoreInfo/storeInfo.css b/components/Organisms/Card/StoreInfo/storeInfo.css
index 477bdad..f0b389a 100644
--- a/components/Organisms/Card/StoreInfo/storeInfo.css
+++ b/components/Organisms/Card/StoreInfo/storeInfo.css
@@ -2,11 +2,13 @@
   max-width: rem-convert(540px);
   background: var(--theme-lightest);
   padding: rem-convert(24px);
+  border-radius: rem-convert(8px);
 
   &-title {
     color: var(--black);
     @apply paragraph-2;
     font-weight: 700;
+    margin-bottom: rem-convert(8px);
   }
   &-address {
     @apply paragraph-2;
@@ -24,6 +26,7 @@
     text-decoration: underline;
     margin-top: rem-convert(10px);
     margin-bottom: rem-convert(10px);
+    color: var(--black);
     svg {
       width: rem-convert(18px);
       height: rem-convert(18px);