initial commit (migrated)

lib/features/quote/presentation/widgets/quote_widget.dart

@@ -0,0 +1,111 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_svg/svg.dart';
+import 'package:kuwot/core/presentation/error_retry_snackbar.dart';
+import 'package:kuwot/features/quote/presentation/bloc/quote_bloc.dart';
+
+class QuoteWidget extends StatefulWidget {
+  const QuoteWidget({super.key});
+
+  @override
+  State<QuoteWidget> createState() => _QuoteWidgetState();
+}
+
+class _QuoteWidgetState extends State<QuoteWidget>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+
+  String? _quoteBody;
+  String? _quoteAuthor;
+
+  @override
+  void initState() {
+    super.initState();
+
+    // init animation
+    _animationController = AnimationController(
+      vsync: this,
+      duration: const Duration(milliseconds: 500),
+    );
+    _animationController.addListener(() => setState(() {}));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocConsumer<QuoteBloc, QuoteState>(
+      listener: (context, state) {
+        // animate quote loading state
+        if (state is QuoteLoadingState) {
+          _animationController.repeat(reverse: true);
+        } else {
+          _animationController.forward();
+        }
+
+        // handle error state
+        if (state is QuoteErrorState) {
+          ErrorRetrySnackbar.show(
+            context,
+            errorMessage: state.message,
+            onRetry: () {
+              context.read<QuoteBloc>().add(const GetQuoteEvent());
+            },
+          );
+        }
+      },
+      builder: (context, state) {
+        if (state is QuoteLoadedState) {
+          _quoteBody = state.quote.body;
+          _quoteAuthor = state.quote.author;
+        }
+
+        return Container(
+          decoration: BoxDecoration(
+            color: Colors.black54,
+            borderRadius: BorderRadius.circular(16),
+          ),
+          padding: const EdgeInsets.all(16.0),
+          margin: const EdgeInsets.all(16.0),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Opacity(
+                opacity: _animationController.value,
+                child: SvgPicture.asset(
+                  'assets/svgs/chat-quote-fill.svg',
+                  height: 54,
+                  colorFilter: const ColorFilter.mode(
+                    Colors.white54,
+                    BlendMode.srcIn,
+                  ),
+                ),
+              ),
+              const SizedBox(height: 30),
+              Text(
+                _quoteBody ?? '...',
+                style: Theme.of(
+                  context,
+                ).textTheme.headlineSmall?.copyWith(color: Colors.white),
+                textAlign: TextAlign.center,
+              ),
+              const SizedBox(height: 30),
+              Text(
+                '- ${_quoteAuthor ?? 'Kuwot'}',
+                style: Theme.of(
+                  context,
+                ).textTheme.bodyLarge?.copyWith(color: Colors.white),
+                textAlign: TextAlign.right,
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+}