feat: empty and search widget

2025-08-17 13:14:03 +07:00
parent 6cc2026f6f
commit 82c0eaf5fe
3 changed files with 382 additions and 0 deletions
@@ -0,0 +1,176 @@
+import 'package:flutter/material.dart';
+
+import '../../../common/theme/theme.dart';
+
+class ErrorWidget extends StatefulWidget {
+  final String? title;
+  final String? message;
+  final VoidCallback? onRetry;
+  final String? errorCode;
+  final IconData? errorIcon;
+  final double? width;
+  final double? height;
+  final bool showRetryButton;
+  final EdgeInsets? padding;
+
+  const ErrorWidget({
+    super.key,
+    this.title,
+    this.message,
+    this.onRetry,
+    this.errorCode,
+    this.errorIcon,
+    this.width,
+    this.height,
+    this.showRetryButton = true,
+    this.padding,
+  });
+
+  @override
+  State<ErrorWidget> createState() => _ErrorWidgetState();
+}
+
+class _ErrorWidgetState extends State<ErrorWidget>
+    with SingleTickerProviderStateMixin {
+  late AnimationController _animationController;
+  late Animation<double> _fadeAnimation;
+  late Animation<double> _scaleAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 600),
+      vsync: this,
+    );
+
+    _fadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.easeInOut),
+    );
+
+    _scaleAnimation = Tween<double>(begin: 0.8, end: 1.0).animate(
+      CurvedAnimation(parent: _animationController, curve: Curves.elasticOut),
+    );
+
+    _animationController.forward();
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: widget.width,
+      height: widget.height,
+      padding: widget.padding ?? const EdgeInsets.all(24),
+      child: FadeTransition(
+        opacity: _fadeAnimation,
+        child: ScaleTransition(
+          scale: _scaleAnimation,
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              // Error Icon
+              Container(
+                width: 80,
+                height: 80,
+                decoration: BoxDecoration(
+                  shape: BoxShape.circle,
+                  gradient: LinearGradient(
+                    colors: [
+                      AppColor.error.withOpacity(0.1),
+                      AppColor.warning.withOpacity(0.1),
+                    ],
+                  ),
+                  border: Border.all(
+                    color: AppColor.error.withOpacity(0.2),
+                    width: 2,
+                  ),
+                ),
+                child: Icon(
+                  widget.errorIcon ?? Icons.error_outline_rounded,
+                  size: 40,
+                  color: AppColor.error,
+                ),
+              ),
+
+              const SizedBox(height: 16),
+
+              // Title
+              if (widget.title != null)
+                Text(
+                  widget.title!,
+                  style: AppStyle.xl.copyWith(
+                    fontWeight: FontWeight.bold,
+                    color: AppColor.textPrimary,
+                  ),
+                  textAlign: TextAlign.center,
+                ),
+
+              const SizedBox(height: 8),
+
+              // Message
+              Text(
+                widget.message ?? 'Terjadi kesalahan tidak terduga',
+                style: AppStyle.md.copyWith(
+                  color: AppColor.textSecondary,
+                  height: 1.4,
+                ),
+                textAlign: TextAlign.center,
+              ),
+
+              // Error Code
+              if (widget.errorCode != null) ...[
+                const SizedBox(height: 12),
+                Container(
+                  padding: const EdgeInsets.symmetric(
+                    horizontal: 12,
+                    vertical: 6,
+                  ),
+                  decoration: BoxDecoration(
+                    color: AppColor.error.withOpacity(0.1),
+                    borderRadius: BorderRadius.circular(12),
+                    border: Border.all(color: AppColor.error.withOpacity(0.2)),
+                  ),
+                  child: Text(
+                    'Error: ${widget.errorCode}',
+                    style: AppStyle.xs.copyWith(
+                      color: AppColor.error,
+                      fontWeight: FontWeight.w500,
+                    ),
+                  ),
+                ),
+              ],
+
+              // Retry Button
+              if (widget.showRetryButton && widget.onRetry != null) ...[
+                const SizedBox(height: 20),
+                ElevatedButton.icon(
+                  onPressed: widget.onRetry,
+                  icon: const Icon(Icons.refresh_rounded, size: 18),
+                  label: const Text('Coba Lagi'),
+                  style: ElevatedButton.styleFrom(
+                    backgroundColor: AppColor.primary,
+                    foregroundColor: AppColor.textWhite,
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: 20,
+                      vertical: 12,
+                    ),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(8),
+                    ),
+                  ),
+                ),
+              ],
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}