diff --git a/client/src/app/+about/about-follows/about-follows.component.html b/client/src/app/+about/about-follows/about-follows.component.html
index 6d38e2109..fbca9f3b0 100644
--- a/client/src/app/+about/about-follows/about-follows.component.html
+++ b/client/src/app/+about/about-follows/about-follows.component.html
@@ -1,4 +1,4 @@
-
+
diff --git a/client/src/app/+about/about-follows/about-follows.component.scss b/client/src/app/+about/about-follows/about-follows.component.scss
index c6114d270..32a015e89 100644
--- a/client/src/app/+about/about-follows/about-follows.component.scss
+++ b/client/src/app/+about/about-follows/about-follows.component.scss
@@ -16,3 +16,7 @@ a {
.no-results {
justify-content: flex-start;
}
+
+#showMore {
+ color: black;
+}
diff --git a/client/src/app/+about/about-follows/about-follows.component.ts b/client/src/app/+about/about-follows/about-follows.component.ts
index 17c6903b8..d88974b59 100644
--- a/client/src/app/+about/about-follows/about-follows.component.ts
+++ b/client/src/app/+about/about-follows/about-follows.component.ts
@@ -14,6 +14,9 @@ export class AboutFollowsComponent implements OnInit {
followers: string[] = []
followings: string[] = []
+ showMoreFollowers = false;
+ showMoreFollowings = false;
+
followersPagination: ComponentPagination = {
currentPage: 1,
itemsPerPage: 20,
@@ -45,24 +48,20 @@ export class AboutFollowsComponent implements OnInit {
this.loadMoreFollowings()
}
- onNearOfBottom () {
- this.onNearOfFollowersBottom()
+ loadAllFollowings () {
+ while(hasMoreItems(this.followingsPagination)) {
+ this.followingsPagination.currentPage += 1
- this.onNearOfFollowingsBottom()
+ this.loadMoreFollowings()
+ }
}
- onNearOfFollowersBottom () {
- if (!hasMoreItems(this.followersPagination)) return
-
- this.followersPagination.currentPage += 1
- this.loadMoreFollowers()
- }
-
- onNearOfFollowingsBottom () {
- if (!hasMoreItems(this.followingsPagination)) return
-
- this.followingsPagination.currentPage += 1
- this.loadMoreFollowings()
+ loadAllFollowers () {
+ while(hasMoreItems(this.followersPagination)) {
+ this.followersPagination.currentPage += 1
+
+ this.loadMoreFollowers();
+ }
}
buildLink (host: string) {