changes requested by review https://github.com/Human-Connection/Human-Connection/pull/3271

webapp/components/_new/features/SearchResults/SearchResults.vue

@@ -28,10 +28,10 @@
           :hasPrevious="hasPrevious"
           :activePage="activePage"
           :activeResourceCount="activeResourceCount"
-          @back="previousResults"
-          @next="nextResults"
           :key="'Top'"
           :pageSize="pageSize"
+          @back="previousResults"
+          @next="nextResults"
         />
         <masonry-grid v-if="activeTab === 'Post'">
           <masonry-grid-item v-for="resource in activeResources" :key="resource.key">
@@ -46,6 +46,7 @@
             </base-card>
           </li>
         </ul>
+
         <ul v-if="activeTab === 'Hashtag'" class="hashtag-list">
           <li v-for="resource in activeResources" :key="resource.key" class="item">
             <base-card :wideContent="true">
@@ -61,11 +62,11 @@
           :activePage="activePage"
           :showPageCounter="true"
           :activeResourceCount="activeResourceCount"
-          @back="previousResults"
-          @next="nextResults"
           :key="'Bottom'"
           :pageSize="pageSize"
           :srollTo="'#search-results'"
+          @back="previousResults"
+          @next="nextResults"
         />
       </template>
     </section>

webapp/components/_new/generic/PaginationButtons/PaginationButtons.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="pagination-buttons">
     <base-button
-      v-if="hasPrevious"
+      :disabled="!hasPrevious"
-      @click="$emit('back')"
       icon="arrow-left"
       circle
       class="previous-button"
+      @click="$emit('back')"
     />
 
     <span v-if="showPageCounter" class="pagination-pageCount">
@@ -14,11 +14,11 @@
     </span>
 
     <base-button
-      v-if="hasNext"
+      :disabled="!hasNext"
-      @click="$emit('next')"
       icon="arrow-right"
       circle
       class="next-button"
+      @click="$emit('next')"
     />
   </div>
 </template>

webapp/locales/de.json

@@ -599,7 +599,8 @@
     "no-results": "Keine Ergebnisse für \"{search}\" gefunden. Versuch' es mit einem anderen Begriff!",
     "page": "Seite",
     "placeholder": "Suchen",
-    "results": "Ergebniss gefunden ::: Ergebnisse gefunden"
+    "results": "Ergebnis gefunden ::: Ergebnisse gefunden",
+    "title": "Suchergebnisse"
   },
   "settings": {
     "blocked-users": {

webapp/locales/en.json

@@ -599,7 +599,8 @@
     "no-results": "No results found for \"{search}\". Try a different search term!",
     "page": "Page",
     "placeholder": "Search",
-    "results": "result found ::: results found"
+    "results": "result found ::: results found",
+    "title": "Search Results"
   },
   "settings": {
     "blocked-users": {

webapp/pages/search/search-results.vue

@@ -10,7 +10,7 @@ export default {
   watchQuery: ['search'],
   head() {
     return {
-      title: 'SearchResults',
+      title: this.$t('search.title'),
     }
   },
   components: {