fix storeinfo

thelia · Jun 11, 2024 · 07730b1 · 07730b1
1 parent fa396c5
commit 07730b1
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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);
-Original file line number
+Diff line change
@@ Expand Up / @@ -31,6 +31,7 @@ export const Base = { @@
       },
       args: {
         storeName: 'Nom du magasin',
+        displayHours: false,
         address,
         hours
       }
@@ Expand Down @@