update

lib/src/presentation/screens/professional.dart

@@ -10,6 +10,7 @@ import 'package:prosappco/src/components/pop_appbar.dart';
 import 'package:prosappco/src/models/setting_model.dart';
 import 'package:prosappco/src/models/user_model.dart';
 import 'package:prosappco/src/presentation/screens/professional_info.dart';
+import 'package:prosappco/src/presentation/widgets/shared/loading_item_list.dart';
 import '../../models/scores_model.dart';
 
 class ProfessionalScreen extends StatefulWidget {
@@ -273,9 +274,36 @@ class _ProfessionalScreenState extends State<ProfessionalScreen> {
   @override
   Widget build(BuildContext context) {
     if (filteredProfessionals == null) {
-      return const Center(
-        child: CircularProgressIndicator(
-          valueColor: AlwaysStoppedAnimation<Color>(Color(0xFF2BA4EC)),
+      return SafeArea(
+        child: Scaffold(
+          appBar: PopAppbar(
+            onPressed: () {
+              Navigator.pop(context);
+            },
+            label: 'Seleccione un profesional',
+          ),
+          body: Column(
+            children: [
+              const Padding(
+                padding: EdgeInsets.all(10),
+                child: TextField(
+                  readOnly: true,
+                  decoration: InputDecoration(
+                    hintText: 'Escriba un nombre',
+                    prefixIcon: Icon(Icons.assignment_ind_rounded),
+                  ),
+                ),
+              ),
+              Expanded(
+                child: ListView.builder(
+                  itemCount: 8,
+                  itemBuilder: (BuildContext context, int index) {
+                    return const LoadingItemList();
+                  },
+                ),
+              ),
+            ],
+          ),
         ),
       );
     }

lib/src/presentation/widgets/shared/loading_item_list.dart

@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import 'package:shimmer/shimmer.dart';
+
+class LoadingItemList extends StatelessWidget {
+  const LoadingItemList({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Shimmer.fromColors(
+      baseColor: Colors.grey[300]!,
+      highlightColor: Colors.grey[100]!,
+      child: ListTile(
+        leading: const CircleAvatar(
+          radius: 25,
+          backgroundColor: Colors.white,
+        ),
+        title: Container(
+          height: 20,
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(8),
+          ),
+        ),
+        subtitle: Container(
+          height: 15,
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(8),
+          ),
+        ),
+        trailing: const Icon(
+          Icons.chevron_right,
+          color: Colors.white,
+          size: 30,
+        ),
+      ),
+    );
+  }
+}