✨ added loading failed ui

packages/clean_framework/example/lib/features/home/domain/home_entity.dart

@@ -2,8 +2,6 @@ import 'package:clean_framework/clean_framework_core.dart';
 
 enum HomeStatus { initial, loading, loaded, failed }
 
-enum HomeRefreshStatus { initial, succeeded, failed }
-
 class HomeEntity extends Entity {
   HomeEntity({
     this.pokemons = const [],

packages/clean_framework/example/lib/features/home/domain/home_ui_output.dart

@@ -4,12 +4,14 @@ import 'package:clean_framework_example/features/home/domain/home_entity.dart';
 class HomeUIOutput extends Output {
   HomeUIOutput({
     required this.pokemons,
+    required this.status,
     required this.isRefresh,
   });
 
   final List<PokemonModel> pokemons;
+  final HomeStatus status;
   final bool isRefresh;
 
   @override
-  List<Object?> get props => [pokemons, isRefresh];
+  List<Object?> get props => [pokemons, status, isRefresh];
 }

packages/clean_framework/example/lib/features/home/domain/home_use_case.dart

@@ -74,6 +74,7 @@ class HomeUIOutputTransformer
 
     return HomeUIOutput(
       pokemons: filteredPokemons.toList(growable: false),
+      status: entity.status,
       isRefresh: entity.isRefresh,
     );
   }

packages/clean_framework/example/lib/features/home/presentation/home_presenter.dart

@@ -1,4 +1,5 @@
 import 'package:clean_framework/clean_framework_core.dart';
+import 'package:clean_framework_example/features/home/domain/home_entity.dart';
 import 'package:clean_framework_example/features/home/domain/home_ui_output.dart';
 import 'package:clean_framework_example/features/home/domain/home_use_case.dart';
 import 'package:clean_framework_example/features/home/presentation/home_view_model.dart';
@@ -16,17 +17,30 @@ class HomePresenter
     useCase.fetchPokemons();
   }
 
-  @override
-  void onOutputUpdate(BuildContext context, HomeUIOutput output) {
-    if (output.isRefresh) {}
-  }
-
   @override
   HomeViewModel createViewModel(HomeUseCase useCase, HomeUIOutput output) {
     return HomeViewModel(
       pokemons: output.pokemons,
       onSearch: (query) => useCase.setInput(PokemonSearchInput(name: query)),
       onRefresh: () => useCase.fetchPokemons(isRefresh: true),
+      onRetry: useCase.fetchPokemons,
+      isLoading: output.status == HomeStatus.loading,
+      hasFailedLoading: output.status == HomeStatus.failed,
     );
   }
+
+  @override
+  void onOutputUpdate(BuildContext context, HomeUIOutput output) {
+    if (output.isRefresh) {
+      ScaffoldMessenger.of(context).showSnackBar(
+        SnackBar(
+          content: Text(
+            output.status == HomeStatus.failed
+                ? 'Sorry, failed refreshing pokemons!'
+                : 'Refreshed pokemons successfully!',
+          ),
+        ),
+      );
+    }
+  }
 }

packages/clean_framework/example/lib/features/home/presentation/home_ui.dart

@@ -15,16 +15,13 @@ class HomeUI extends UI<HomeViewModel> {
   Widget build(BuildContext context, HomeViewModel viewModel) {
     final textTheme = Theme.of(context).textTheme;
 
-    return Scaffold(
-      appBar: AppBar(
-        title: Text('Pokémon'),
-        centerTitle: false,
-        titleTextStyle: textTheme.displaySmall!.copyWith(
-          fontWeight: FontWeight.w300,
-        ),
-        bottom: PokemonSearchField(onChanged: viewModel.onSearch),
-      ),
-      body: RefreshIndicator(
+    Widget child;
+    if (viewModel.isLoading) {
+      child = Center(child: CircularProgressIndicator());
+    } else if (viewModel.hasFailedLoading) {
+      child = _LoadingFailed(onRetry: viewModel.onRetry);
+    } else {
+      child = RefreshIndicator(
         onRefresh: viewModel.onRefresh,
         child: Scrollbar(
           thumbVisibility: true,
@@ -42,6 +39,55 @@ class HomeUI extends UI<HomeViewModel> {
             itemCount: viewModel.pokemons.length,
           ),
         ),
+      );
+    }
+
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('Pokémon'),
+        centerTitle: false,
+        titleTextStyle: textTheme.displaySmall!.copyWith(
+          fontWeight: FontWeight.w300,
+        ),
+        bottom: viewModel.isLoading || viewModel.hasFailedLoading
+            ? null
+            : PokemonSearchField(onChanged: viewModel.onSearch),
+      ),
+      body: child,
+    );
+  }
+}
+
+class _LoadingFailed extends StatelessWidget {
+  const _LoadingFailed({required this.onRetry});
+
+  final VoidCallback onRetry;
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Padding(
+            padding: const EdgeInsets.only(left: 32),
+            child: Image.asset('assets/sad-flareon.png', height: 300),
+          ),
+          const SizedBox(height: 8),
+          Text(
+            'Oops',
+            style: Theme.of(context).textTheme.displaySmall,
+          ),
+          const SizedBox(height: 8),
+          Text('I lost my fellow Pokémons'),
+          const SizedBox(height: 24),
+          OutlinedButton(
+            onPressed: onRetry,
+            child: Text('Help Flareon, find her friends'),
+          ),
+          const SizedBox(height: 64),
+        ],
       ),
     );
   }

packages/clean_framework/example/lib/features/home/presentation/home_view_model.dart

@@ -5,15 +5,21 @@ import 'package:flutter/foundation.dart';
 class HomeViewModel extends ViewModel {
   HomeViewModel({
     required this.pokemons,
+    required this.isLoading,
+    required this.hasFailedLoading,
+    required this.onRetry,
     required this.onRefresh,
     required this.onSearch,
   });
 
   final List<PokemonModel> pokemons;
+  final bool isLoading;
+  final bool hasFailedLoading;
 
+  final VoidCallback onRetry;
   final AsyncCallback onRefresh;
   final ValueChanged<String> onSearch;
 
   @override
-  List<Object?> get props => [pokemons];
+  List<Object?> get props => [pokemons, isLoading, hasFailedLoading];
 }

packages/clean_framework/example/pubspec.yaml

@@ -20,4 +20,7 @@ dev_dependencies:
     sdk: flutter
 
 flutter:
-  uses-material-design: true
+  uses-material-design: true
+
+  assets:
+    - assets/