Merge pull request #297 from ente-io/gallery_load_screen

Add text to indicate that we are loading photos from device

lib/ente_theme_data.dart

@@ -117,6 +117,10 @@ extension CustomColorScheme on ColorScheme {
   Color get toastBackgroundColor => brightness == Brightness.light
       ? Color.fromRGBO(24, 24, 24, 0.95)
       : Color.fromRGBO(255, 255, 255, 0.95);
+
+  Color get subTextColor => brightness == Brightness.light
+      ? Color.fromRGBO(180, 180, 180, 1)
+      : Color.fromRGBO(100, 100, 100, 1);
 }
 
 OutlinedButtonThemeData buildOutlinedButtonThemeData(

lib/ui/loading_photos_widget.dart

@@ -89,23 +89,33 @@ class _LoadingPhotosWidgetState extends State<LoadingPhotosWidget> {
             crossAxisAlignment: CrossAxisAlignment.center,
             mainAxisAlignment: MainAxisAlignment.spaceEvenly,
             children: [
-              Stack(alignment: Alignment.center, children: [
-                isLightMode
-                    ? Image.asset(
-                        'assets/loading_photos_light.png',
-                        color: Colors.white.withOpacity(0.5),
-                        colorBlendMode: BlendMode.modulate,
-                      )
-                    : Image.asset(
-                        'assets/loading_photos_light.png',
-                        color: Colors.white.withOpacity(0.25),
-                        colorBlendMode: BlendMode.modulate,
-                      ),
-                Lottie.asset(
-                  'assets/loadingGalleryLottie.json',
-                  height: 400,
-                )
-              ]),
+              Stack(
+                alignment: Alignment.center,
+                children: [
+                  isLightMode
+                      ? Image.asset(
+                          'assets/loading_photos_light.png',
+                          color: Colors.white.withOpacity(0.5),
+                          colorBlendMode: BlendMode.modulate,
+                        )
+                      : Image.asset(
+                          'assets/loading_photos_light.png',
+                          color: Colors.white.withOpacity(0.25),
+                          colorBlendMode: BlendMode.modulate,
+                        ),
+                  Lottie.asset(
+                    'assets/loadingGalleryLottie.json',
+                    height: 400,
+                  )
+                ],
+              ),
+              Text(
+                "Loading your photos...",
+                style: TextStyle(
+                  color: Theme.of(context).colorScheme.subTextColor,
+                ),
+              ),
+              Padding(padding: EdgeInsets.all(36)),
               Column(
                 children: [
                   Row(