Added refresh on clients

lib/l10n/app_en.arb

@@ -155,5 +155,6 @@
     "unselectAll": "Unselect all",
     "all": "All",
     "filtered": "Filtered",
-    "checkAppLogs": "Check app logs"
+    "checkAppLogs": "Check app logs",
+    "refresh": "Refresh"
 }

lib/l10n/app_es.arb

@@ -155,5 +155,6 @@
     "unselectAll": "Deseleccionar todo",
     "all": "Todas",
     "filtered": "Filtrada",
-    "checkAppLogs": "Comprueba los logs de la app"
+    "checkAppLogs": "Comprueba los logs de la app",
+    "refresh": "Actualizar"
 }

lib/screens/clients/blocked_allowed_list.dart

@@ -14,11 +14,13 @@ import 'package:adguard_home_manager/classes/process_modal.dart';
 class BlockedAllowedList extends StatelessWidget {
   final String type;
   final List<String> data;
+  final Future Function() fetchClients;
 
   const BlockedAllowedList({
     Key? key,
     required this.type,
-    required this.data
+    required this.data,
+    required this.fetchClients
   }) : super(key: key);
 
   @override
@@ -78,37 +80,49 @@ class BlockedAllowedList extends StatelessWidget {
     }
 
     if (data.isNotEmpty) {
-      return ListView.builder(
+      return RefreshIndicator(
-        padding: const EdgeInsets.only(top: 0),
+        onRefresh: () async {},
-        itemCount: data.length,
+        child: ListView.builder(
-        itemBuilder: (context, index) => ListTile(
+          padding: const EdgeInsets.only(top: 0),
-          title: Text(data[index]),
+          itemCount: data.length,
-          trailing: IconButton(
+          itemBuilder: (context, index) => ListTile(
-            onPressed: () => {
+            title: Text(data[index]),
-              showDialog(
+            trailing: IconButton(
-                context: context, 
+              onPressed: () => {
-                builder: (context) => RemoveDomainModal(
+                showDialog(
-                  onConfirm: () => confirmRemoveDomain(data[index]),
+                  context: context, 
+                  builder: (context) => RemoveDomainModal(
+                    onConfirm: () => confirmRemoveDomain(data[index]),
+                  )
                 )
-              )
+              }, 
-            }, 
+              icon: const Icon(Icons.delete_rounded)
-            icon: const Icon(Icons.delete_rounded)
+            ),
-          ),
+          )
-        )
+        ),
       );
     }
     else {
       return SizedBox(
         width: double.maxFinite,
-        child: Center(
+        child: Column(
-          child: Text(
+          mainAxisAlignment: MainAxisAlignment.center,
-            AppLocalizations.of(context)!.noClientsList,
+          children: [
-            textAlign: TextAlign.center,
+            Text(
-            style: const TextStyle(
+              AppLocalizations.of(context)!.noClientsList,
-              fontSize: 24,
+              textAlign: TextAlign.center,
-              color: Colors.grey
+              style: const TextStyle(
+                fontSize: 24,
+                color: Colors.grey
+              ),
             ),
-          ),
+            const SizedBox(height: 30),
+            TextButton.icon(
+              onPressed: fetchClients, 
+              icon: const Icon(Icons.refresh_rounded), 
+              label: Text(AppLocalizations.of(context)!.refresh),
+            )
+          ],
         ),
       );
     }

lib/screens/clients/clients.dart

@@ -49,7 +49,7 @@ class ClientsWidget extends StatefulWidget {
 class _ClientsWidgetState extends State<ClientsWidget> with TickerProviderStateMixin {
   late TabController tabController;
 
-  void fetchClients() async {
+  Future fetchClients() async {
     widget.setLoadingStatus(0, false);
     final result = await getClients(widget.server);
     if (result['result'] == 'success') {
@@ -148,16 +148,28 @@ class _ClientsWidgetState extends State<ClientsWidget> with TickerProviderStateM
               child: TabBarView(
                 controller: tabController,
                 children: [
-                  ClientsList(
+                  RefreshIndicator(
-                    data: serversProvider.clients.data!.autoClientsData,
+                    onRefresh: fetchClients,
+                    child: ClientsList(
+                      data: serversProvider.clients.data!.autoClientsData,
+                      fetchClients: fetchClients,
+                    ),
                   ),
-                  BlockedAllowedList(
+                  RefreshIndicator(
-                    type: 'allowed',
+                    onRefresh: fetchClients,
-                    data: serversProvider.clients.data!.clientsAllowedBlocked!.allowedClients, 
+                    child: BlockedAllowedList(
+                      type: 'allowed',
+                      data: serversProvider.clients.data!.clientsAllowedBlocked!.allowedClients, 
+                      fetchClients: fetchClients,
+                    ),
                   ),
-                  BlockedAllowedList(
+                  RefreshIndicator(
-                    type: 'blocked',
+                    onRefresh: fetchClients,
-                    data: serversProvider.clients.data!.clientsAllowedBlocked!.disallowedClients, 
+                    child: BlockedAllowedList(
+                      type: 'blocked',
+                      data: serversProvider.clients.data!.clientsAllowedBlocked!.disallowedClients, 
+                      fetchClients: fetchClients,
+                    ),
                   ),
                 ],
               ),

lib/screens/clients/clients_list.dart

@@ -5,10 +5,12 @@ import 'package:adguard_home_manager/models/clients.dart';
 
 class ClientsList extends StatelessWidget {
   final List<AutoClient> data;
+  final Future Function() fetchClients;
 
   const ClientsList({
     Key? key,
-    required this.data
+    required this.data,
+    required this.fetchClients
   }) : super(key: key);
 
   @override
@@ -35,15 +37,24 @@ class ClientsList extends StatelessWidget {
     else {
       return SizedBox(
         width: double.maxFinite,
-        child: Center(
+        child: Column(
-          child: Text(
+          mainAxisAlignment: MainAxisAlignment.center,
-            AppLocalizations.of(context)!.noClientsList,
+          children: [
-            textAlign: TextAlign.center,
+            Text(
-            style: const TextStyle(
+              AppLocalizations.of(context)!.noClientsList,
-              fontSize: 24,
+              textAlign: TextAlign.center,
-              color: Colors.grey
+              style: const TextStyle(
+                fontSize: 24,
+                color: Colors.grey
+              ),
             ),
-          ),
+            const SizedBox(height: 30),
+            TextButton.icon(
+              onPressed: fetchClients, 
+              icon: const Icon(Icons.refresh_rounded), 
+              label: Text(AppLocalizations.of(context)!.refresh)
+            )
+          ],
         ),
       );
     }