diff --git a/webapp/assets/_new/styles/tokens.scss b/webapp/assets/_new/styles/tokens.scss
index 54a8b4042..0d63bf547 100644
--- a/webapp/assets/_new/styles/tokens.scss
+++ b/webapp/assets/_new/styles/tokens.scss
@@ -249,7 +249,7 @@ $size-ribbon: 6px;
*/
$size-width-filter-sidebar: 85px;
-$size-width-paginate: 100px;
+$size-width-paginate: 200px;
$size-max-width-filter-menu: 1026px;
/**
diff --git a/webapp/components/_new/features/SearchResults/SearchResults.vue b/webapp/components/_new/features/SearchResults/SearchResults.vue
index 5ebd0cad6..cbad32df8 100644
--- a/webapp/components/_new/features/SearchResults/SearchResults.vue
+++ b/webapp/components/_new/features/SearchResults/SearchResults.vue
@@ -11,41 +11,77 @@
:message="$t('search.no-results', { search })"
/>
+
- {{ postPage }}
-
+
-
@@ -156,8 +192,13 @@ export default {
},
},
methods: {
+ clearPage(){
+ this.postPage = 0
+ this.userPage = 0
+ this.hashtagPage = 0
+ },
switchTab(tab) {
- this.activeTab = tab
+ this.activeTab = tab
},
previousPosts() {
this.postPage--
@@ -205,6 +246,7 @@ export default {
this.postCount = searchPosts.postCount
this.searchCount = this.postCount + this.userCount + this.hashtagCount
if (this.postCount > 0) this.activeTab = 'Post'
+ this.clearPage
},
fetchPolicy: 'cache-and-network',
},
@@ -228,6 +270,7 @@ export default {
this.userCount = searchUsers.userCount
this.searchCount = this.postCount + this.userCount + this.hashtagCount
if (this.postCount === 0 && this.userCount > 0) this.activeTab = 'User'
+ this.clearPage
},
fetchPolicy: 'cache-and-network',
},
@@ -251,8 +294,8 @@ export default {
this.hashtagCount = searchHashtags.hashtagCount
this.searchCount = this.postCount + this.userCount + this.hashtagCount
- if (this.postCount === 0 && this.userCount === 0 && this.hashtagCount > 0)
- this.activeTab = 'Hashtag'
+ if (this.postCount === 0 && this.userCount === 0 && this.hashtagCount > 0) this.activeTab = 'Hashtag'
+ this.clearPage
},
fetchPolicy: 'cache-and-network',
},
@@ -263,7 +306,7 @@ export default {