newshour_bookmarks.dart

import 'package:flutter/material.dart';
import 'package:flutter_icons/flutter_icons.dart';
import 'package:news_app/blocs/bookmark_bloc.dart';
import 'package:news_app/blocs/sign_in_bloc.dart';
import 'package:news_app/cards/card4.dart';
import 'package:news_app/utils/empty.dart';
import 'package:news_app/utils/loading_cards.dart';
import 'package:provider/provider.dart';
import 'package:easy_localization/easy_localization.dart';

class BookmarkPage extends StatefulWidget {
  const BookmarkPage({Key? key}) : super(key: key);

  @override
  _BookmarkPageState createState() => _BookmarkPageState();
}

class _BookmarkPageState extends State<BookmarkPage>
    with AutomaticKeepAliveClientMixin {
  @override
  Widget build(BuildContext context) {
    super.build(context);
    final SignInBloc sb = context.watch<SignInBloc>();

    return DefaultTabController(
      length: 2,
      initialIndex: 0,
      child: Scaffold(
        appBar: AppBar(
          title: Text('bookmarks').tr(),
          centerTitle: false,
        ),
        body: sb.guestUser
            ? EmptyPage(
                icon: Feather.user_plus,
                message: 'sign in first'.tr(),
                message1: "sign in to save your favourite articles here".tr(),
              )
            : BookmarkedArticles(),
      ),
    );
  }

  @override
  bool get wantKeepAlive => true;
}

class BookmarkedArticles extends StatefulWidget {
  const BookmarkedArticles({Key? key}) : super(key: key);

  @override
  _BookmarkedArticlesState createState() => _BookmarkedArticlesState();
}

class _BookmarkedArticlesState extends State<BookmarkedArticles> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: FutureBuilder(
        future: context.watch<BookmarkBloc>().getArticles(),
        builder: (BuildContext context, AsyncSnapshot snapshot) {
          print('sanpshot: ${snapshot.data}');

          switch (snapshot.connectionState) {
            case ConnectionState.none:
            case ConnectionState.active:
            case ConnectionState.waiting:
              return _LoadingWIdget();
            case ConnectionState.done:
            default:
              if (snapshot.hasError || snapshot.data == null) {
                return EmptyPage(
                  icon: Feather.bookmark,
                  message: 'no articles found'.tr(),
                  message1: 'save your favourite articles here'.tr(),
                );
              } else if (snapshot.data.isEmpty) {
                return EmptyPage(
                  icon: Feather.bookmark,
                  message: 'no articles found'.tr(),
                  message1: 'save your favourite articles here'.tr(),
                );
              }

              return ListView.separated(
                padding: EdgeInsets.all(15),
                itemCount: snapshot.data.length,
                separatorBuilder: (context, index) => SizedBox(
                  height: 15,
                ),
                itemBuilder: (BuildContext context, int index) {
                  return Card4(
                    d: snapshot.data[index],
                    heroTag: 'bookmarks$index',
                  );
                },
              );
          }
        },
      ),
    );
  }
}

class _LoadingWIdget extends StatelessWidget {
  const _LoadingWIdget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return ListView.separated(
      padding: EdgeInsets.all(15),
      itemCount: 8,
      separatorBuilder: (BuildContext context, int index) => SizedBox(
        height: 15,
      ),
      itemBuilder: (BuildContext context, int index) {
        return LoadingCard(height: 160);
      },
    );
  }
}