From 1f9067bf76da6c563774a82395f5227920dd3663 Mon Sep 17 00:00:00 2001
From: Ernest Walzel <ernest.walzel@sng.sk>
Date: Thu, 25 Apr 2024 16:11:22 +0200
Subject: [PATCH] Default label for ResetButton & update for reset-all

---
 .../js/components/catalog-new/ResetButton.vue    |  4 ++--
 .../views/frontend/catalog-new/index.blade.php   | 16 +---------------
 2 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/catalog-new/ResetButton.vue b/resources/js/components/catalog-new/ResetButton.vue
index e950560ad..f07dda287 100644
--- a/resources/js/components/catalog-new/ResetButton.vue
+++ b/resources/js/components/catalog-new/ResetButton.vue
@@ -6,7 +6,7 @@ const props = defineProps<{
 <template>
     <button
         :class="[
-            'tw-flex tw-items-center tw-border tw-leading-none tw-border-gray-300 tw-bg-white tw-font-normal hover:tw-border-gray-800',
+            'tw-flex tw-items-center tw-border tw-leading-none tw-border-gray-300 tw-bg-white tw-font-normal hover:tw-border-gray-800 tw-whitespace-nowrap',
             props.sm
                 ? 'tw-px-1.5 tw-py-1 tw-text-xs'
                 : 'tw-px-1.5 tw-py-1 tw-text-xs md:tw-px-4 md:tw-py-1.5 md:tw-text-sm',
@@ -32,6 +32,6 @@ const props = defineProps<{
                 <clipPath id="a"><path d="M0 0h14v14H0z" /></clipPath>
             </defs>
         </svg>
-        <slot></slot>
+        <slot>{{ $t('item.filter.clear') }}</slot>
     </button>
 </template>
diff --git a/resources/views/frontend/catalog-new/index.blade.php b/resources/views/frontend/catalog-new/index.blade.php
index b9403c423..97945761a 100644
--- a/resources/views/frontend/catalog-new/index.blade.php
+++ b/resources/views/frontend/catalog-new/index.blade.php
@@ -132,7 +132,6 @@ class="tw-flex tw-justify-end">
                                                 <catalog.reset-button
                                                     v-on:click="handleYearRangeChange(null)"
                                                     class="tw-mb-3">
-                                                    {{ trans('item.filter.clear') }}
                                                 </catalog.reset-button>
                                             </div>
                                             <filter-new-year-slider
@@ -199,7 +198,6 @@ class="tw-inline-block tw-h-4 tw-w-4"
                                                 <catalog.reset-button
                                                     v-on:click="clearFilterSelection('color')"
                                                     class="tw-mb-2">
-                                                    {{ trans('item.filter.clear') }}
                                                 </catalog.reset-button>
                                             </div>
                                             <filter-new-color-slider
@@ -383,7 +381,6 @@ class="tw-flex tw-justify-center">
                                                                             <catalog.reset-button
                                                                                 v-on:click="handleYearRangeChange(null)"
                                                                                 class="tw-mt-2.5">
-                                                                                {{ trans('item.filter.clear') }}
                                                                             </catalog.reset-button>
                                                                         </div>
                                                                     @endslot
@@ -425,7 +422,6 @@ class="tw-flex tw-justify-center">
                                                                             <catalog.reset-button
                                                                                 v-on:click="clearFilterSelection('color')"
                                                                                 class="tw-mt-4">
-                                                                                {{ trans('item.filter.clear') }}
                                                                             </catalog.reset-button>
                                                                         </div>
                                                                     @endslot
@@ -482,7 +478,6 @@ class="tw-pb-2"
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.author.length"
                                                                 v-on:click="clearFilterSelection('author')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -514,7 +509,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.work_type.length"
                                                                 v-on:click="clearFilterSelection('work_type')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -546,7 +540,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.object_type.length"
                                                                 v-on:click="clearFilterSelection('object_type')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -577,7 +570,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.tag.length"
                                                                 v-on:click="clearFilterSelection('tag')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -609,7 +601,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.gallery.length"
                                                                 v-on:click="clearFilterSelection('gallery')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -638,7 +629,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.technique.length"
                                                                 v-on:click="clearFilterSelection('technique')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -670,7 +660,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.topic.length"
                                                                 v-on:click="clearFilterSelection('topic')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -702,7 +691,6 @@ class="tw-inset-x-0 tw-box-border tw-flex tw-min-h-0 tw-flex-1 tw-flex-col tw-ov
                                                             <catalog.reset-button class="tw-mr-3"
                                                                 v-if="query.medium.length"
                                                                 v-on:click="clearFilterSelection('medium')">
-                                                                {{ trans('item.filter.clear') }}
                                                             </catalog.reset-button>
                                                         @endslot
                                                         @slot('body')
@@ -809,9 +797,7 @@ class="tw-h-4 tw-w-4 tw-fill-current" viewBox="0 0 256 256">
                                 class="mb-4">
                                 <catalog.reset-button v-if="selectedOptionsAsLabels.length"
                                     v-on:click="clearAllSelections" sm>
-                                    <span
-                                        class="tw-whitespace-nowrap">{{ trans('item.filter.clear') }}
-                                    </span>
+                                    {{ trans('item.filter.clear_all') }}
                                 </catalog.reset-button>
                             </transition>
                         </div>