From 56bcef493a52994374d5daecb2f23b7fe7ed18de Mon Sep 17 00:00:00 2001
From: Leandro <leandro.schaguhn@gmx.de>
Date: Mon, 20 May 2024 16:31:17 +0200
Subject: [PATCH] Add shimmer loading

---
 lib/screens/wool.dart | 32 ++++++++++++++++++++++++++++++--
 pubspec.lock          |  8 ++++++++
 pubspec.yaml          |  2 ++
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/lib/screens/wool.dart b/lib/screens/wool.dart
index b0a6ad2..b13c0a1 100644
--- a/lib/screens/wool.dart
+++ b/lib/screens/wool.dart
@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
+import 'package:shimmer/shimmer.dart';
 import 'package:temperaturdecke/database.dart';
 import 'package:temperaturdecke/screens/add_wool_modal.dart';
 import 'package:temperaturdecke/widgets/cards/wool_card.dart';
+import 'package:temperaturdecke/widgets/custom_card.dart';
 
 class WoolScreen extends StatelessWidget {
   WoolScreen({super.key});
@@ -16,8 +18,34 @@ class WoolScreen extends StatelessWidget {
           .get(),
       builder: (BuildContext context, AsyncSnapshot snapshot) {
         if (snapshot.connectionState == ConnectionState.waiting) {
-          return const Center(
-            child: CircularProgressIndicator(),
+          return Center(
+            child: Shimmer.fromColors(
+              baseColor: Theme.of(context).colorScheme.secondaryContainer,
+              highlightColor: Theme.of(context)
+                  .colorScheme
+                  .onSecondaryContainer
+                  .withOpacity(.3),
+              child: ListView.builder(
+                itemBuilder: (BuildContext context, int index) {
+                  return Padding(
+                    padding: const EdgeInsets.symmetric(horizontal: 10),
+                    child: Column(
+                      children: [
+                        CustomCard(
+                          SizedBox(
+                            height: 70,
+                          ),
+                        ),
+                        const SizedBox(
+                          height: 15,
+                        )
+                      ],
+                    ),
+                  );
+                },
+                itemCount: 6,
+              ),
+            ),
           );
         } else {
           // Hier können Sie den Inhalt basierend auf den geladenen Daten anzeigen
diff --git a/pubspec.lock b/pubspec.lock
index 26d6386..7737e2d 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -584,6 +584,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.4"
+  shimmer:
+    dependency: "direct main"
+    description:
+      name: shimmer
+      sha256: "5f88c883a22e9f9f299e5ba0e4f7e6054857224976a5d9f839d4ebdc94a14ac9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.0"
   sky_engine:
     dependency: transitive
     description: flutter
diff --git a/pubspec.yaml b/pubspec.yaml
index cc4d040..0f920b0 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -33,6 +33,8 @@ dependencies:
 
   blobs:
 
+  shimmer:
+
   flutter_colorpicker:
 
   hexcolor: