Merge pull request #428 from fns21/feature/no-occurrence-feedback

adicionado feedback ao usuário em caso de filtragem sem resultado
RedeMapas · Aug 28, 2024 · 3d13ba9 · 3d13ba9
2 parents 3be1bb1 + ae9d395
commit 3d13ba9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/modules/Search/components/search-list-event/template.php b/src/modules/Search/components/search-list-event/template.php
@@ -18,7 +18,10 @@
         </div>
     </div>
     <mc-loading :condition="loading && page == 1"></mc-loading>
-    <div v-if="!loading || page > 1" class="col-9 search-list__cards">
+    <div v-if="!loading || page > 1 && occurrences.length == 0" class="col-9 search-list__cards--no-occurrence">
+        <p><?= i::__('Não existem eventos cadastrados para os filtros selecionados.') ?></p>
+    </div>
+    <div v-if="!loading || page > 1 && occurrences" class="col-9 search-list__cards">
         <div class="grid-12">
             <div v-for="occurrence in occurrences" :key="occurrence._reccurrence_string" class="col-12">
                 <div v-if="newDate(occurrence)" class="search-list__cards--date">

diff --git a/src/themes/BaseV2/assets-src/sass/pages/_search.scss b/src/themes/BaseV2/assets-src/sass/pages/_search.scss
@@ -316,6 +316,16 @@
                 &__cards {
                     position: relative;
 
+                    &--no-occurrence {
+                        background-color: var(--mc-white);
+                        border-radius: var(--mc-border-radius-sm);
+                        padding: size(28);
+                        width: 100%;
+                        height: 20%;
+                        display: flex;
+                        box-sizing: border-box;
+                        align-items: center; 
+                    }
                     //aqui é o estilo do marcador de tempo
                     &--date {
                         align-items: center;