error_widget.dart

Go to the documentation of this file.

import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:lottie/lottie.dart';
import '../../constants/assets.dart';
import '../theme/color_palette.dart';
 
class CustomErrorWidget extends StatelessWidget {
  final String message;
  final VoidCallback onReload;
 
  const CustomErrorWidget({
    super.key,
    required this.message,
    required this.onReload,
  });
 
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisSize: MainAxisSize.min,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Lottie.asset(
            Assets.failureLottie,
            height: 180.sp,
            repeat: true,
            animate: true,
          ),
          Text(
            message,
            textAlign: TextAlign.center,
            style: TextStyle(
              fontSize: 18.sp,
              color: Colors.grey[800],
              height: 1.5,
              letterSpacing: 0.3,
              fontWeight: FontWeight.w500,
            ),
          ),
          SizedBox(height: 32.sp),
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                colors: [
                  ColorPalette.darkGrey.withValues(alpha: 0.7),
                  ColorPalette.darkGrey.withValues(alpha: 0.5),
                ],
              ),
              borderRadius: BorderRadius.circular(15.sp),
            ),
            child: Material(
              color: Colors.transparent,
              child: InkWell(
                onTap: onReload,
                borderRadius: BorderRadius.circular(15.sp),
                child: Padding(
                  padding: EdgeInsets.symmetric(
                    horizontal: 32.sp,
                    vertical: 16.sp,
                  ),
                  child: Row(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(
                        FluentIcons.arrow_sync_circle_16_filled,
                        size: 24.sp,
                        color: Colors.white,
                      ),
                      SizedBox(width: 12.sp),
                      Text(
                        'Try Again',
                        style: TextStyle(
                          fontSize: 16.sp,
                          color: Colors.white,
                          fontWeight: FontWeight.w600,
                          letterSpacing: 0.5,
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }
}