From 306bc7582ea51d691eb19b382bf5723b314f075a Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 29 Oct 2024 15:35:53 +0100
Subject: [PATCH] Add refresh button to following list

---
 .../following-list.component.html             |  4 +++-
 .../following-list.component.ts               | 24 ++++++++++---------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/client/src/app/+admin/follows/following-list/following-list.component.html b/client/src/app/+admin/follows/following-list/following-list.component.html
index ebfe34f8b..ab13f6449 100644
--- a/client/src/app/+admin/follows/following-list/following-list.component.html
+++ b/client/src/app/+admin/follows/following-list/following-list.component.html
@@ -27,8 +27,10 @@
         </button>
       </div>
 
-      <div class="ms-auto">
+      <div class="ms-auto d-flex gap-1">
         <my-advanced-input-filter [filters]="searchFilters" (search)="onSearch($event)"></my-advanced-input-filter>
+
+        <my-button i18n-label label="Refresh" icon="refresh" (click)="reloadData()"></my-button>
       </div>
     </div>
   </ng-template>
diff --git a/client/src/app/+admin/follows/following-list/following-list.component.ts b/client/src/app/+admin/follows/following-list/following-list.component.ts
index b056c2f90..5d63c4b43 100644
--- a/client/src/app/+admin/follows/following-list/following-list.component.ts
+++ b/client/src/app/+admin/follows/following-list/following-list.component.ts
@@ -1,18 +1,19 @@
-import { SortMeta, SharedModule } from 'primeng/api'
+import { DatePipe, NgIf } from '@angular/common'
 import { Component, OnInit, ViewChild } from '@angular/core'
 import { ConfirmService, Notifier, RestPagination, RestTable } from '@app/core'
-import { ActorFollow } from '@peertube/peertube-models'
-import { FollowModalComponent } from './follow-modal.component'
 import { formatICU } from '@app/helpers'
+import { InstanceFollowService } from '@app/shared/shared-instance/instance-follow.service'
+import { ActorFollow } from '@peertube/peertube-models'
+import { SharedModule, SortMeta } from 'primeng/api'
+import { TableModule } from 'primeng/table'
+import { AdvancedInputFilter, AdvancedInputFilterComponent } from '../../../shared/shared-forms/advanced-input-filter.component'
+import { GlobalIconComponent } from '../../../shared/shared-icons/global-icon.component'
+import { ActionDropdownComponent, DropdownAction } from '../../../shared/shared-main/buttons/action-dropdown.component'
+import { ButtonComponent } from '../../../shared/shared-main/buttons/button.component'
+import { DeleteButtonComponent } from '../../../shared/shared-main/buttons/delete-button.component'
 import { AutoColspanDirective } from '../../../shared/shared-main/common/auto-colspan.directive'
 import { RedundancyCheckboxComponent } from '../shared/redundancy-checkbox.component'
-import { DeleteButtonComponent } from '../../../shared/shared-main/buttons/delete-button.component'
-import { AdvancedInputFilter, AdvancedInputFilterComponent } from '../../../shared/shared-forms/advanced-input-filter.component'
-import { ActionDropdownComponent, DropdownAction } from '../../../shared/shared-main/buttons/action-dropdown.component'
-import { NgIf, DatePipe } from '@angular/common'
-import { TableModule } from 'primeng/table'
-import { GlobalIconComponent } from '../../../shared/shared-icons/global-icon.component'
-import { InstanceFollowService } from '@app/shared/shared-instance/instance-follow.service'
+import { FollowModalComponent } from './follow-modal.component'
 
 @Component({
   templateUrl: './following-list.component.html',
@@ -29,7 +30,8 @@ import { InstanceFollowService } from '@app/shared/shared-instance/instance-foll
     RedundancyCheckboxComponent,
     AutoColspanDirective,
     FollowModalComponent,
-    DatePipe
+    DatePipe,
+    ButtonComponent
   ]
 })
 export class FollowingListComponent extends RestTable <ActorFollow> implements OnInit {