faild_to_fetch_data_view.dart

Go to the documentation of this file.

import 'package:connect/core/localization/app_localizations.dart';
 
import '/core/ui/widgets/custom_action_slider.dart';
import '/core/ui/widgets/custom_card.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
 
class FailedToFetchDataView extends StatelessWidget {
  final VoidCallback onRetry;
  final String? failureMessage;
  final EdgeInsets? padding;
 
  const FailedToFetchDataView({
    super.key,
    required this.onRetry,
    this.failureMessage,
    this.padding,
  });
 
  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: padding ??
          EdgeInsets.symmetric(
            horizontal: 15.sp,
            vertical: 10.sp,
          ),
      child: CustomCard(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisSize: MainAxisSize.min,
          children: [
            Text(
              AppLocalizations.of(context)
                  .translate('Oops! Something went wrong'),
              style: Theme.of(context).textTheme.displaySmall?.copyWith(
                    color: Theme.of(context).colorScheme.error,
                  ),
            ),
            SizedBox(height: 10.sp),
            Text(
              AppLocalizations.of(context).translate(
                  'We encountered an issue while processing your request. Please retry'),
              style: Theme.of(context).textTheme.bodySmall?.copyWith(),
            ),
            SizedBox(height: 15.sp),
            Visibility(
              visible: failureMessage != null,
              child: Container(
                width: MediaQuery.of(context).size.width,
                margin: EdgeInsets.only(bottom: 15.sp),
                decoration: BoxDecoration(
                  color: Theme.of(context).scaffoldBackgroundColor,
                  borderRadius: BorderRadius.circular(5),
                ),
                padding: EdgeInsets.all(10.sp),
                child: Text(
                  '$failureMessage',
                  style: Theme.of(context).textTheme.bodySmall,
                ),
              ),
            ),
            CustomSliderV2(
              color: Theme.of(context).colorScheme.error,
              text: AppLocalizations.of(context).translate('TRY AGAIN'),
              action: (action) {},
            ),
          ],
        ),
      ),
    );
  }
}