elCaribe app - customization and branding

2025-12-12 19:09:42 -04:00
parent 9e5d0d8ebf
commit ba7deac9f3
402 changed files with 31833 additions and 0 deletions
--- a/news-app/lib/ui/screens/NewsDetail/Widgets/likeBtn.dart
+++ b/news-app/lib/ui/screens/NewsDetail/Widgets/likeBtn.dart
@@ -0,0 +1,89 @@
+import 'dart:ui';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:news/cubits/Auth/authCubit.dart';
+import 'package:news/cubits/LikeAndDislikeNews/LikeAndDislikeCubit.dart';
+import 'package:news/cubits/LikeAndDislikeNews/updateLikeAndDislikeCubit.dart';
+import 'package:news/cubits/appLocalizationCubit.dart';
+import 'package:news/data/models/NewsModel.dart';
+import 'package:news/ui/styles/colors.dart';
+
+import 'package:news/ui/widgets/customTextLabel.dart';
+import 'package:news/utils/uiUtils.dart';
+
+Widget likeBtn(BuildContext context, NewsModel model) {
+  bool isLike = context.read<LikeAndDisLikeCubit>().isNewsLikeAndDisLike(model.newsId!);
+  return BlocConsumer<LikeAndDisLikeCubit, LikeAndDisLikeState>(
+      bloc: context.read<LikeAndDisLikeCubit>(),
+      listener: ((context, state) {
+        if (state is LikeAndDisLikeFetchSuccess) {
+          isLike = context.read<LikeAndDisLikeCubit>().isNewsLikeAndDisLike(model.newsId!);
+        }
+      }),
+      builder: (context, likeAndDislikeState) {
+        return BlocConsumer<UpdateLikeAndDisLikeStatusCubit, UpdateLikeAndDisLikeStatusState>(
+            bloc: context.read<UpdateLikeAndDisLikeStatusCubit>(),
+            listener: ((context, state) {
+              if (state is UpdateLikeAndDisLikeStatusSuccess) {
+                context.read<LikeAndDisLikeCubit>().getLike(langId: context.read<AppLocalizationCubit>().state.id);
+                model.totalLikes = (!isLike)
+                    ? (int.parse(model.totalLikes.toString()) + 1).toString()
+                    : (model.totalLikes!.isNotEmpty)
+                        ? (int.parse(model.totalLikes.toString()) - 1).toString()
+                        : "0";
+              }
+            }),
+            builder: (context, state) {
+              isLike = context.read<LikeAndDisLikeCubit>().isNewsLikeAndDisLike(model.newsId!);
+              return Positioned.directional(
+                  textDirection: Directionality.of(context),
+                  top: MediaQuery.of(context).size.height / 2.90,
+                  end: MediaQuery.of(context).size.width / 10.8,
+                  child: Column(
+                    children: [
+                      InkWell(
+                        splashColor: Colors.transparent,
+                        onTap: () {
+                          if (context.read<AuthCubit>().getUserId() != "0") {
+                            if (state is UpdateLikeAndDisLikeStatusInProgress) {
+                              return;
+                            }
+                            context.read<UpdateLikeAndDisLikeStatusCubit>().setLikeAndDisLikeNews(news: model, status: (isLike) ? "0" : "1");
+                          } else {
+                            UiUtils.loginRequired(context);
+                          }
+                        },
+                        child: ClipRRect(
+                            borderRadius: BorderRadius.circular(52.0),
+                            child: BackdropFilter(
+                                filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
+                                child: Container(
+                                  alignment: Alignment.center,
+                                  height: 39,
+                                  width: 39,
+                                  decoration: BoxDecoration(boxShadow: [
+                                    BoxShadow(blurRadius: 6, offset: const Offset(5.0, 5.0), color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.4), spreadRadius: 0),
+                                  ], color: secondaryColor, shape: BoxShape.circle),
+                                  child: (state is UpdateLikeAndDisLikeStatusInProgress)
+                                      ? SizedBox(height: 20, width: 20, child: UiUtils.showCircularProgress(true, Theme.of(context).primaryColor))
+                                      : isLike
+                                          ? const Icon(Icons.thumb_up_alt, color: darkSecondaryColor)
+                                          : const Icon(Icons.thumb_up_off_alt, color: darkSecondaryColor),
+                                ))),
+                      ),
+                      SizedBox(
+                        width: MediaQuery.of(context).size.width / 7.5,
+                        child: Padding(
+                          padding: const EdgeInsetsDirectional.only(top: 5.0),
+                          child: CustomTextLabel(
+                            text: (int.tryParse(model.totalLikes!)! > 0) ? "${model.totalLikes!} ${UiUtils.getTranslatedLabel(context, 'likeLbl')}" : "",
+                            maxLines: 2,
+                            textStyle: Theme.of(context).textTheme.bodySmall?.copyWith(color: UiUtils.getColorScheme(context).primaryContainer.withOpacity(0.7)),
+                          ),
+                        ),
+                      )
+                    ],
+                  ));
+            });
+      });
+}