New tab list access clients

lib/screens/settings/access_settings/access_settings.dart

@@ -1,10 +1,10 @@
-import 'package:adguard_home_manager/constants/enums.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
 import 'package:adguard_home_manager/screens/settings/access_settings/clients_list.dart';
 
+import 'package:adguard_home_manager/constants/enums.dart';
 import 'package:adguard_home_manager/services/http_requests.dart';
 import 'package:adguard_home_manager/providers/app_config_provider.dart';
 import 'package:adguard_home_manager/providers/servers_provider.dart';
@@ -72,7 +72,7 @@ class _AccessSettingsWidgetState extends State<AccessSettingsWidget> with Ticker
   @override
   Widget build(BuildContext context) {
     final serversProvider = Provider.of<ServersProvider>(context);
-
+print(serversProvider.clients.data!.clientsAllowedBlocked!.blockedHosts.length);
     return Scaffold(
       body: DefaultTabController(
         length: 3,

lib/screens/settings/access_settings/clients_list.dart

@@ -1,8 +1,5 @@
 // ignore_for_file: use_build_context_synchronously
 
-import 'dart:io';
-
-import 'package:adguard_home_manager/constants/enums.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
 import 'package:provider/provider.dart';
@@ -10,11 +7,13 @@ import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 
 import 'package:adguard_home_manager/screens/settings/access_settings/add_client_modal.dart';
 import 'package:adguard_home_manager/screens/clients/remove_client_modal.dart';
+import 'package:adguard_home_manager/widgets/tab_content_list.dart';
 
 import 'package:adguard_home_manager/functions/snackbar.dart';
 import 'package:adguard_home_manager/providers/app_config_provider.dart';
 import 'package:adguard_home_manager/models/clients_allowed_blocked.dart';
 import 'package:adguard_home_manager/providers/servers_provider.dart';
+import 'package:adguard_home_manager/constants/enums.dart';
 import 'package:adguard_home_manager/services/http_requests.dart';
 import 'package:adguard_home_manager/classes/process_modal.dart';
 
@@ -209,9 +208,8 @@ class _ClientsListState extends State<ClientsList> {
       }
     }
 
-    switch (widget.loadStatus) {
+    return CustomTabContentList(
-      case LoadStatus.loading:
+      loadingGenerator: () => SizedBox(
-        return SizedBox(
         width: double.maxFinite,
         height: MediaQuery.of(context).size.height-171,
         child: Column(
@@ -230,15 +228,62 @@ class _ClientsListState extends State<ClientsList> {
             )
           ],
         ),
-        );
+      ), 
-
+      itemsCount: widget.data.isNotEmpty
-      case LoadStatus.loaded: 
+        ? widget.data.length+1
-        return Stack(
+        : 0, 
+      contentWidget: (index) {
+        if (index == 0) {
+          return Padding(
+            padding: const EdgeInsets.all(10),
+            child: Card(
+              child: Padding(
+                padding: const EdgeInsets.all(20),
+                child: Row(
                   children: [
-            RefreshIndicator(
+                    Icon(
-              onRefresh: widget.fetchClients,
+                      Icons.info_rounded,
-              child: Column(
+                      color: Theme.of(context).listTileTheme.iconColor,
-                mainAxisSize: MainAxisSize.max,
+                    ),
+                    const SizedBox(width: 20),
+                    Flexible(
+                      child: Text(
+                        description(),
+                        style: TextStyle(
+                          color: Theme.of(context).colorScheme.onSurface,
+                        ),
+                      ),
+                    )
+                  ],
+                ),
+              ),
+            ),
+          );
+        }
+        else {
+          return ListTile(
+            title: Text(
+              widget.data[index-1],
+              style: TextStyle(
+                fontWeight: FontWeight.normal,
+                color: Theme.of(context).colorScheme.onSurface
+              ),
+            ),
+            trailing: IconButton(
+              onPressed: () => {
+                showDialog(
+                  context: context, 
+                  builder: (context) => RemoveClientModal(
+                    onConfirm: () => confirmRemoveItem(widget.data[index-1], widget.type),
+                  )
+                )
+              }, 
+              icon: const Icon(Icons.delete_rounded)
+            ),
+          );
+        }
+      },
+      noData: Column(
         children: [
           Padding(
             padding: const EdgeInsets.all(10),
@@ -265,33 +310,7 @@ class _ClientsListState extends State<ClientsList> {
               ),
             ),
           ),
-                  if (widget.data.isNotEmpty) Expanded(
+          Expanded(
-                    child: ListView.builder(
-                      padding: const EdgeInsets.only(top: 0),
-                      itemCount: widget.data.length,
-                      itemBuilder: (context, index) => ListTile(
-                        title: Text(
-                          widget.data[index],
-                          style: TextStyle(
-                            fontWeight: FontWeight.normal,
-                            color: Theme.of(context).colorScheme.onSurface
-                          ),
-                        ),
-                        trailing: IconButton(
-                          onPressed: () => {
-                            showDialog(
-                              context: context, 
-                              builder: (context) => RemoveClientModal(
-                                onConfirm: () => confirmRemoveItem(widget.data[index], widget.type),
-                              )
-                            )
-                          }, 
-                          icon: const Icon(Icons.delete_rounded)
-                        ),
-                      )
-                    ),
-                  ),
-                  if (widget.data.isEmpty) Expanded(
             child: Column(
               mainAxisAlignment: MainAxisAlignment.center,
               children: [
@@ -314,35 +333,7 @@ class _ClientsListState extends State<ClientsList> {
           ),
         ],
       ),
-            ),
+      errorGenerator: () => SizedBox(
-            AnimatedPositioned(
-              duration: const Duration(milliseconds: 100),
-              curve: Curves.easeInOut,
-              bottom: isVisible ?
-                appConfigProvider.showingSnackbar
-                  ? 70 : (Platform.isIOS ? 40 : 20)
-                : -70,
-              right: 20,
-              child: FloatingActionButton(
-                onPressed: () {
-                  showModalBottomSheet(
-                    context: context, 
-                    builder: (context) => AddClientModal(
-                      type: widget.type,
-                      onConfirm: confirmAddItem
-                    ),
-                    backgroundColor: Colors.transparent,
-                    isScrollControlled: true
-                  );
-                },
-                child: const Icon(Icons.add),
-              ),
-            )
-          ]
-        );
-
-      case LoadStatus.error: 
-        return SizedBox(
         width: double.maxFinite,
         height: MediaQuery.of(context).size.height-101,
         child: Column(
@@ -365,11 +356,25 @@ class _ClientsListState extends State<ClientsList> {
             )
           ],
         ),
+      ), 
+      loadStatus: widget.loadStatus, 
+      onRefresh: widget.fetchClients,
+      refreshIndicatorOffset: 0,
+      fab: FloatingActionButton(
+        onPressed: () {
+          showModalBottomSheet(
+            context: context, 
+            builder: (context) => AddClientModal(
+              type: widget.type,
+              onConfirm: confirmAddItem
+            ),
+            backgroundColor: Colors.transparent,
+            isScrollControlled: true
+          );
+        },
+        child: const Icon(Icons.add),
+      ),
+      fabVisible: isVisible,
     );
-
-      default:
-        return const SizedBox();
-    }
-
   }
 }

lib/widgets/tab_content_list.dart

@@ -12,6 +12,7 @@ class CustomTabContentList extends StatelessWidget {
   final Widget Function() errorGenerator;
   final LoadStatus loadStatus;
   final Future<void> Function() onRefresh;
+  final double? refreshIndicatorOffset;
   final Widget? fab;
   final bool? fabVisible;
 
@@ -24,6 +25,7 @@ class CustomTabContentList extends StatelessWidget {
     required this.errorGenerator,
     required this.loadStatus,
     required this.onRefresh,
+    this.refreshIndicatorOffset,
     this.fab,
     this.fabVisible
   }) : super(key: key);
@@ -65,7 +67,7 @@ class CustomTabContentList extends StatelessWidget {
                 builder: (BuildContext context) {
                   return RefreshIndicator(
                     onRefresh: onRefresh,
-                    edgeOffset: 95,
+                    edgeOffset: refreshIndicatorOffset ?? 95,
                     child: CustomScrollView(
                       slivers: <Widget>[
                         SliverOverlapInjector(