Лаба 7, не работают лайки и пагинация

Makefile

@@ -0,0 +1,22 @@
+gen:
+	flutter pub run build_runner build --delete-conflicting-outputs
+
+hello:
+	echo "Hi :p!"
+
+icon:
+	flutter pub run flutter_launcher_icons:main
+
+init_res:
+	dart pub global activate flutter_asset_generator
+
+format:
+	dart format . --line-length 100
+
+res:
+	fgen --output lib/components/resources.g.dart --no-watch --no-preview; \
+	make format
+
+loc:
+	flutter gen-l10n; \
+	make format

assets/svg/flag-gb-svgrepo-com.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -4 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_503_2952)">
+<rect width="28" height="20" rx="2" fill="white"/>
+<mask id="mask0_503_2952" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="20">
+<rect width="28" height="20" rx="2" fill="white"/>
+</mask>
+<g mask="url(#mask0_503_2952)">
+<rect width="28" height="20" fill="#0A17A7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M-1.28244 -1.91644L10.6667 6.14335V-1.33333H17.3334V6.14335L29.2825 -1.91644L30.7737 0.294324L21.3263 6.66667H28V13.3333H21.3263L30.7737 19.7057L29.2825 21.9165L17.3334 13.8567V21.3333H10.6667V13.8567L-1.28244 21.9165L-2.77362 19.7057L6.67377 13.3333H2.95639e-05V6.66667H6.67377L-2.77362 0.294324L-1.28244 -1.91644Z" fill="white"/>
+<path d="M18.668 6.33219L31.3333 -2" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
+<path d="M20.0128 13.6975L31.3666 21.3503" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
+<path d="M8.00555 6.31046L-3.83746 -1.67099" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
+<path d="M9.29006 13.6049L-3.83746 22.3105" stroke="#DB1F35" stroke-width="0.666667" stroke-linecap="round"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 12H12V20H16V12H28V8H16V0H12V8H0V12Z" fill="#E6273E"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_503_2952">
+<rect width="28" height="20" rx="2" fill="white"/>
+</clipPath>
+</defs>
+</svg>

assets/svg/flag-ru-svgrepo-com.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -4 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_503_2726)">
+<rect x="0.25" y="0.25" width="27.5" height="19.5" rx="1.75" fill="white" stroke="#F5F5F5" stroke-width="0.5"/>
+<mask id="mask0_503_2726" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="28" height="20">
+<rect x="0.25" y="0.25" width="27.5" height="19.5" rx="1.75" fill="white" stroke="white" stroke-width="0.5"/>
+</mask>
+<g mask="url(#mask0_503_2726)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.3333H28V6.66667H0V13.3333Z" fill="#0C47B7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 20H28V13.3333H0V20Z" fill="#E53B35"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_503_2726">
+<rect width="28" height="20" rx="2" fill="white"/>
+</clipPath>
+</defs>
+</svg>

l10n.yaml

@@ -0,0 +1,6 @@
+arb-dir: l10n
+template-arb-file: app_ru.arb
+output-localization-file: app_locale.dart
+output-dir: lib/components/locale/l10n
+output-class: AppLocale
+synthetic-package: false

l10n/app_en.arb

@@ -0,0 +1,9 @@
+{
+  "@@locale": "en",
+
+  "search": "Search",
+  "liked": "liked!",
+  "disliked": "disliked :(",
+
+  "arbEnding": "Чтобы не забыть про отсутствие запятой :)"
+}

l10n/app_ru.arb

@@ -0,0 +1,9 @@
+{
+  "@@locale": "ru",
+
+  "search": "Поиск",
+  "liked": "Добавлено в понравившиеся :)",
+  "disliked": "Удалено из понравившегося :(",
+
+  "arbEnding": "Чтобы не забыть про отсутствие запятой :)"
+}

lib/components/extensions/context_x.dart

@@ -0,0 +1,6 @@
+import 'package:app/components/locale/l10n/app_locale.dart';
+import 'package:flutter/cupertino.dart';
+
+extension LocalContextX on BuildContext {
+  AppLocale get locale => AppLocale.of(this)!;
+}

lib/components/locale/l10n/app_locale.dart

@@ -0,0 +1,153 @@
+import 'dart:async';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:intl/intl.dart' as intl;
+
+import 'app_locale_en.dart';
+import 'app_locale_ru.dart';
+
+// ignore_for_file: type=lint
+
+/// Callers can lookup localized strings with an instance of AppLocale
+/// returned by `AppLocale.of(context)`.
+///
+/// Applications need to include `AppLocale.delegate()` in their app's
+/// `localizationDelegates` list, and the locales they support in the app's
+/// `supportedLocales` list. For example:
+///
+/// ```dart
+/// import 'l10n/app_locale.dart';
+///
+/// return MaterialApp(
+///   localizationsDelegates: AppLocale.localizationsDelegates,
+///   supportedLocales: AppLocale.supportedLocales,
+///   home: MyApplicationHome(),
+/// );
+/// ```
+///
+/// ## Update pubspec.yaml
+///
+/// Please make sure to update your pubspec.yaml to include the following
+/// packages:
+///
+/// ```yaml
+/// dependencies:
+///   # Internationalization support.
+///   flutter_localizations:
+///     sdk: flutter
+///   intl: any # Use the pinned version from flutter_localizations
+///
+///   # Rest of dependencies
+/// ```
+///
+/// ## iOS Applications
+///
+/// iOS applications define key application metadata, including supported
+/// locales, in an Info.plist file that is built into the application bundle.
+/// To configure the locales supported by your app, you’ll need to edit this
+/// file.
+///
+/// First, open your project’s ios/Runner.xcworkspace Xcode workspace file.
+/// Then, in the Project Navigator, open the Info.plist file under the Runner
+/// project’s Runner folder.
+///
+/// Next, select the Information Property List item, select Add Item from the
+/// Editor menu, then select Localizations from the pop-up menu.
+///
+/// Select and expand the newly-created Localizations item then, for each
+/// locale your application supports, add a new item and select the locale
+/// you wish to add from the pop-up menu in the Value field. This list should
+/// be consistent with the languages listed in the AppLocale.supportedLocales
+/// property.
+abstract class AppLocale {
+  AppLocale(String locale) : localeName = intl.Intl.canonicalizedLocale(locale.toString());
+
+  final String localeName;
+
+  static AppLocale? of(BuildContext context) {
+    return Localizations.of<AppLocale>(context, AppLocale);
+  }
+
+  static const LocalizationsDelegate<AppLocale> delegate = _AppLocaleDelegate();
+
+  /// A list of this localizations delegate along with the default localizations
+  /// delegates.
+  ///
+  /// Returns a list of localizations delegates containing this delegate along with
+  /// GlobalMaterialLocalizations.delegate, GlobalCupertinoLocalizations.delegate,
+  /// and GlobalWidgetsLocalizations.delegate.
+  ///
+  /// Additional delegates can be added by appending to this list in
+  /// MaterialApp. This list does not have to be used at all if a custom list
+  /// of delegates is preferred or required.
+  static const List<LocalizationsDelegate<dynamic>> localizationsDelegates = <LocalizationsDelegate<dynamic>>[
+    delegate,
+    GlobalMaterialLocalizations.delegate,
+    GlobalCupertinoLocalizations.delegate,
+    GlobalWidgetsLocalizations.delegate,
+  ];
+
+  /// A list of this localizations delegate's supported locales.
+  static const List<Locale> supportedLocales = <Locale>[
+    Locale('en'),
+    Locale('ru')
+  ];
+
+  /// No description provided for @search.
+  ///
+  /// In ru, this message translates to:
+  /// **'Поиск'**
+  String get search;
+
+  /// No description provided for @liked.
+  ///
+  /// In ru, this message translates to:
+  /// **'Добавлено в понравившиеся :)'**
+  String get liked;
+
+  /// No description provided for @disliked.
+  ///
+  /// In ru, this message translates to:
+  /// **'Удалено из понравившегося :('**
+  String get disliked;
+
+  /// No description provided for @arbEnding.
+  ///
+  /// In ru, this message translates to:
+  /// **'Чтобы не забыть про отсутствие запятой :)'**
+  String get arbEnding;
+}
+
+class _AppLocaleDelegate extends LocalizationsDelegate<AppLocale> {
+  const _AppLocaleDelegate();
+
+  @override
+  Future<AppLocale> load(Locale locale) {
+    return SynchronousFuture<AppLocale>(lookupAppLocale(locale));
+  }
+
+  @override
+  bool isSupported(Locale locale) => <String>['en', 'ru'].contains(locale.languageCode);
+
+  @override
+  bool shouldReload(_AppLocaleDelegate old) => false;
+}
+
+AppLocale lookupAppLocale(Locale locale) {
+
+
+  // Lookup logic when only language code is specified.
+  switch (locale.languageCode) {
+    case 'en': return AppLocaleEn();
+    case 'ru': return AppLocaleRu();
+  }
+
+  throw FlutterError(
+    'AppLocale.delegate failed to load unsupported locale "$locale". This is likely '
+    'an issue with the localizations generation tool. Please file an issue '
+    'on GitHub with a reproducible sample app and the gen-l10n configuration '
+    'that was used.'
+  );
+}

lib/components/locale/l10n/app_locale_en.dart

@@ -0,0 +1,20 @@
+import 'app_locale.dart';
+
+// ignore_for_file: type=lint
+
+/// The translations for English (`en`).
+class AppLocaleEn extends AppLocale {
+  AppLocaleEn([String locale = 'en']) : super(locale);
+
+  @override
+  String get search => 'Search';
+
+  @override
+  String get liked => 'liked!';
+
+  @override
+  String get disliked => 'disliked :(';
+
+  @override
+  String get arbEnding => 'Чтобы не забыть про отсутствие запятой :)';
+}

lib/components/locale/l10n/app_locale_ru.dart

@@ -0,0 +1,20 @@
+import 'app_locale.dart';
+
+// ignore_for_file: type=lint
+
+/// The translations for Russian (`ru`).
+class AppLocaleRu extends AppLocale {
+  AppLocaleRu([String locale = 'ru']) : super(locale);
+
+  @override
+  String get search => 'Поиск';
+
+  @override
+  String get liked => 'Добавлено в понравившиеся :)';
+
+  @override
+  String get disliked => 'Удалено из понравившегося :(';
+
+  @override
+  String get arbEnding => 'Чтобы не забыть про отсутствие запятой :)';
+}

lib/data/dtos/characters_dto.dart

@@ -12,8 +12,7 @@ class CharactersDto {
     this.meta,
   });
 
-  factory CharactersDto.fromJson(Map<String, dynamic> json) =>
-      _$CharactersDtoFromJson(json);
+  factory CharactersDto.fromJson(Map<String, dynamic> json) => _$CharactersDtoFromJson(json);
 }
 
 @JsonSerializable(createToJson: false)
@@ -24,8 +23,7 @@ class CharacterDataDto {
 
   const CharacterDataDto({this.id, this.type, this.attributes});
 
-  factory CharacterDataDto.fromJson(Map<String, dynamic> json) =>
-      _$CharacterDataDtoFromJson(json);
+  factory CharacterDataDto.fromJson(Map<String, dynamic> json) => _$CharacterDataDtoFromJson(json);
 }
 
 @JsonSerializable(createToJson: false)
@@ -35,8 +33,7 @@ class CharacterAttributesDataDto {
   final String? died;
   final String? image;
 
-  const CharacterAttributesDataDto(
-      {this.name, this.born, this.died, this.image});
+  const CharacterAttributesDataDto({this.name, this.born, this.died, this.image});
 
   factory CharacterAttributesDataDto.fromJson(Map<String, dynamic> json) =>
       _$CharacterAttributesDataDtoFromJson(json);

lib/data/dtos/r&m_characters_dto.dart

@@ -61,6 +61,5 @@ class InfoDto {
     return match != null ? int.parse(match.group(1)!) : null;
   }
 
-  factory InfoDto.fromJson(Map<String, dynamic> json) =>
-      _$InfoDtoFromJson(json);
+  factory InfoDto.fromJson(Map<String, dynamic> json) => _$InfoDtoFromJson(json);
 }

lib/data/mappers/characters_mapper.dart

@@ -16,8 +16,7 @@ extension CharacterDataDtoToModel on CharacterDataDto {
   CardData toDomain() => CardData(
         attributes?.name ?? 'UNKNOWN',
         imageUrl: attributes?.image ?? _imagePlaceholder,
-        descriptionText:
-            _makeDescriptionText(attributes?.born, attributes?.died),
+        descriptionText: _makeDescriptionText(attributes?.born, attributes?.died),
       );
 
   String _makeDescriptionText(String? born, String? died) {

lib/data/mappers/r&m_characters_mapper.dart

@@ -11,6 +11,7 @@ extension RandMCharacterDataDtoMapper on RandMCharacterDataDto {
         imageUrl: image ?? _imagePlaceholder,
         descriptionText:
             'Местоположение:\n${location?.name ?? 'unknown'}\n\nВид:\n${species ?? 'unknown'}',
+        id: id,
       );
 }
 

lib/domain/models/card.dart

@@ -5,11 +5,13 @@ class CardData {
   final IconData icon;
   final String descriptionText;
   final String? imageUrl;
+  final int? id;
 
   CardData(
     this.text, {
     this.icon = Icons.bookmark_border,
     required this.descriptionText,
     this.imageUrl,
+    this.id,
   });
 }

lib/main.dart

@@ -1,5 +1,11 @@
+import 'dart:io';
+
+import 'package:app/components/locale/l10n/app_locale.dart';
 import 'package:app/presentation/home_page/bloc/bloc.dart';
 import 'package:app/presentation/home_page/home_page.dart';
+import 'package:app/presentation/like_bloc/like_bloc.dart';
+import 'package:app/presentation/locale_bloc/locale_bloc.dart';
+import 'package:app/presentation/locale_bloc/locale_state.dart';
 import 'package:app/repositories/potter_repository.dart';
 import 'package:app/repositories/rick&morty_repositoty.dart';
 import 'package:flutter/material.dart';
@@ -14,8 +20,16 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    return BlocProvider<LocaleBloc>(
+      lazy: false,
+      create: (context) => LocaleBloc((Locale(Platform.localeName))),
+      child: BlocBuilder<LocaleBloc, LocaleState>(
+        builder: (context, state) {
           return MaterialApp(
               title: 'Flutter Demo',
+              locale: state.currentLocale,
+              localizationsDelegates: AppLocale.localizationsDelegates,
+              supportedLocales: AppLocale.supportedLocales,
               debugShowCheckedModeBanner: false,
               theme: ThemeData(
                 colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xFF7BA05B)),
@@ -24,12 +38,18 @@ class MyApp extends StatelessWidget {
               home: RepositoryProvider<RickandMortyRepository>(
                 lazy: true,
                 create: (_) => RickandMortyRepository(),
+                child: BlocProvider<LikeBloc>(
+                  lazy: false,
+                  create: (context) => LikeBloc(),
                   child: BlocProvider<HomeBloc>(
                     lazy: false,
                     create: (context) => HomeBloc(context.read<RickandMortyRepository>()),
                     child: const MyHomePage(title: "Пучкина Анна Алексеевна!"),
                   ),
-      )
+                ),
+              ));
+        }
+      ),
     );
   }
 }

lib/presentation/common/svg_object.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+import 'package:app/components/resources.g.dart';
+
+abstract class SvgObjects {
+  static void init() {
+    final pics = <String>[
+      R.ASSETS_SVG_FLAG_GB_SVGREPO_COM_SVG,
+      R.ASSETS_SVG_FLAG_RU_SVGREPO_COM_SVG,
+    ];
+    for (final String p in pics) {
+      final loader = SvgAssetLoader(p);
+      svg.cache.putIfAbsent(loader.cacheKey(null), () => loader.loadBytes(null));
+    }
+  }
+}
+
+class SvgRu extends StatelessWidget {
+  const SvgRu({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SvgPicture.asset(R.ASSETS_SVG_FLAG_RU_SVGREPO_COM_SVG);
+  }
+}
+
+class SvgUk extends StatelessWidget {
+  const SvgUk({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return SvgPicture.asset(R.ASSETS_SVG_FLAG_GB_SVGREPO_COM_SVG);
+  }
+}

lib/presentation/home_page/card.dart

@@ -1,28 +1,31 @@
 part of 'home_page.dart';
 
-typedef OnLikeCallBack = void Function(String title, bool isLiked)?;
+typedef OnLikeCallBack = void Function(int? id, String title, bool isLiked)?;
 
-class _Card extends StatefulWidget {
+class _Card extends StatelessWidget {
   final String text;
   final IconData icon;
   final String descriptionText;
   final String? imageUrl;
   final OnLikeCallBack onLike;
   final VoidCallback? onTap;
+  final int? id;
+  final bool isLiked;
 
-  const _Card(
-    this.text, {
+  const _Card(this.text, {
     this.icon = Icons.bookmark_border,
     required this.descriptionText,
     this.imageUrl,
     this.onLike,
     this.onTap,
+    this.id,
+    this.isLiked = false,
   });
 
-  factory _Card.fromData(
-    CardData data, {
+  factory _Card.fromData(CardData data, {
     OnLikeCallBack onLike,
     VoidCallback? onTap,
+    bool isLiked = false,
   }) =>
       _Card(
         data.text,
@@ -31,24 +34,20 @@ class _Card extends StatefulWidget {
         imageUrl: data.imageUrl,
         onLike: onLike,
         onTap: onTap,
+        isLiked: isLiked,
+        id: data.id,
       );
 
-  @override
-  State<_Card> createState() => _CardState();
-}
-
-class _CardState extends State<_Card> {
-  bool isLiked = false;
 
   @override
   Widget build(BuildContext context) {
     return GestureDetector(
-      onTap: widget.onTap,
+      onTap: onTap,
       child: Container(
         margin: const EdgeInsets.all(14),
         constraints: const BoxConstraints(minHeight: 140),
-        decoration: BoxDecoration(
-            color: Colors.white,
+        decoration:
+        BoxDecoration(color: Colors.white,
             borderRadius: BorderRadius.circular(20),
             boxShadow: [
               BoxShadow(
@@ -71,7 +70,7 @@ class _CardState extends State<_Card> {
                     height: double.infinity,
                     width: 120,
                     child: Image.network(
-                      widget.imageUrl ?? '',
+                      imageUrl ?? '',
                       fit: BoxFit.cover,
                       errorBuilder: (_, __, ___) => const Placeholder(),
                     )),
@@ -83,8 +82,11 @@ class _CardState extends State<_Card> {
                     crossAxisAlignment: CrossAxisAlignment.start,
                     children: [
                       Text(
-                        widget.text,
-                        style: Theme.of(context).textTheme.headlineSmall,
+                        text,
+                        style: Theme
+                            .of(context)
+                            .textTheme
+                            .headlineSmall,
                       ),
                     ],
                   ),
@@ -99,12 +101,7 @@ class _CardState extends State<_Card> {
                     bottom: 16,
                   ),
                   child: GestureDetector(
-                    onTap: () {
-                      setState(() {
-                        isLiked = !isLiked;
-                      });
-                      widget.onLike?.call(widget.text, isLiked);
-                    },
+                    onTap: () => onLike?.call(id, text, isLiked),
                     child: AnimatedSwitcher(
                       duration: const Duration(milliseconds: 300),
                       child: isLiked

lib/presentation/home_page/home_page.dart

@@ -1,8 +1,17 @@
+import 'package:app/components/extensions/context_x.dart';
 import 'package:app/components/utils/debounce.dart';
 import 'package:app/main.dart';
+import 'package:app/presentation/common/svg_object.dart';
 import 'package:app/presentation/home_page/bloc/bloc.dart';
 import 'package:app/presentation/home_page/bloc/events.dart';
 import 'package:app/presentation/home_page/bloc/state.dart';
+import 'package:app/presentation/like_bloc/like_bloc.dart';
+import 'package:app/presentation/like_bloc/like_events.dart';
+import 'package:app/presentation/like_bloc/like_state.dart';
+import 'package:app/presentation/locale_bloc/locale_bloc.dart';
+import 'package:app/presentation/locale_bloc/locale_events.dart';
+import 'package:app/presentation/locale_bloc/locale_state.dart';
+
 //import 'package:app/repositories/potter_repository.dart';
 import 'package:app/repositories/rick&morty_repositoty.dart';
 import 'package:flutter/cupertino.dart';
@@ -44,6 +53,7 @@ class _BodyState extends State<Body> {
   void initState() {
     WidgetsBinding.instance.addPostFrameCallback((_) {
       context.read<HomeBloc>().add(const HomeLoadDataEvent());
+      context.read<LikeBloc>().add(const LoadLikesEvent());
     });
     scrollController.addListener(_onNextPageListener);
 
@@ -75,24 +85,56 @@ class _BodyState extends State<Body> {
       padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
       child: Column(
         children: [
-          Padding(
+          Row(
+            children: [
+              Expanded(
+                flex: 4,
+                child: Padding(
                   padding: const EdgeInsets.all(12),
                   child: CupertinoSearchTextField(
                     controller: searchController,
+                    placeholder: context.locale.search,
                     onChanged: (search) {
-                Debounce.run(() => context.read<HomeBloc>().add(HomeLoadDataEvent(search: search)));
+                      Debounce.run(() => context
+                          .read<HomeBloc>()
+                          .add(HomeLoadDataEvent(search: search)));
                     },
                   ),
                 ),
+              ),
+              GestureDetector(
+                onTap: () =>
+                    context.read<LocaleBloc>().add(const ChangeLocaleEvent()),
+                child: SizedBox.square(
+                  dimension: 50,
+                  child: Padding(
+                    padding: const EdgeInsets.only(right: 12),
+                    child: BlocBuilder<LocaleBloc, LocaleState>(
+                      builder: (context, state) {
+                        return state.currentLocale.languageCode == 'ru'
+                            ? const SvgRu()
+                            : const SvgUk();
+                      }
+                    ),
+                  ),
+                ),
+              )
+            ],
+          ),
           BlocBuilder<HomeBloc, HomeState>(
             builder: (context, state) => state.error != null
                 ? Text(
                     state.error ?? '',
-              style: Theme.of(context).textTheme.headlineSmall?.copyWith(color: Colors.red),
+                    style: Theme.of(context)
+                        .textTheme
+                        .headlineSmall
+                        ?.copyWith(color: Colors.red),
                   )
                 : state.isLoading
                     ? const CircularProgressIndicator()
-                : Expanded(
+                    : BlocBuilder<LikeBloc, LikeState>(
+                      builder: (context, likeState) {
+                        return Expanded(
                             child: RefreshIndicator(
                               onRefresh: _onRefresh,
                               child: ListView.builder(
@@ -104,14 +146,16 @@ class _BodyState extends State<Body> {
                                   return data != null
                                       ? _Card.fromData(
                                           data,
-                      onLike: (title, isLiked) =>
-                          _showSnackBar(context, title, isLiked),
+                                          onLike: _onLike,
+                                          isLiked: likeState.likedIds?.contains(data.id) == true,
                                           onTap: () => _navToDetails(context, data),
                                         )
                                       : const SizedBox.shrink();
                                 },
                               ),
                             ),
+                          );
+                      }
                     ),
           ),
           BlocBuilder<HomeBloc, HomeState>(
@@ -123,8 +167,11 @@ class _BodyState extends State<Body> {
       ),
     );
   }
+
   Future<void> _onRefresh() {
-    context.read<HomeBloc>().add(HomeLoadDataEvent(search: searchController.text));
+    context
+        .read<HomeBloc>()
+        .add(HomeLoadDataEvent(search: searchController.text));
     return Future.value(null);
   }
 
@@ -139,7 +186,7 @@ class _BodyState extends State<Body> {
     WidgetsBinding.instance.addPostFrameCallback((_) {
       ScaffoldMessenger.of(context).showSnackBar(SnackBar(
         content: Text(
-          'Вы ${isLiked ? 'добавили в избранное' : 'убрали из избраных'} $title',
+          '$title ${isLiked ? context.locale.liked : context.locale.disliked}',
           style: Theme.of(context).textTheme.bodyLarge,
         ),
         backgroundColor: Color(0xFFFFFFFF),
@@ -147,4 +194,12 @@ class _BodyState extends State<Body> {
       ));
     });
   }
+
+  void _onLike(int? id, String title, bool isLiked) {
+    if (id != null){
+      context.read<LikeBloc>().add(ChangeLikeEvent(id));
+      _showSnackBar(context, title, isLiked);
+
+    }
+  }
 }

lib/presentation/like_bloc/like_bloc.dart

@@ -0,0 +1,41 @@
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:copy_with_extension/copy_with_extension.dart';
+import 'dart:async';
+
+import 'package:app/presentation/like_bloc/like_events.dart';
+import 'package:app/presentation/like_bloc/like_state.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+const String _likedPrefsKey = 'liked';
+
+class LikeBloc extends Bloc<LikeEvent, LikeState> {
+  LikeBloc() : super(const LikeState(likedIds: [])) {
+    on<ChangeLikeEvent>(_onChangeLike);
+    on<LoadLikesEvent>(_onLoadLikes);
+  }
+
+  FutureOr<void> _onLoadLikes(LoadLikesEvent event, Emitter<LikeState> emit) async {
+    final prefs = await SharedPreferences.getInstance();
+    final data = prefs.getStringList(_likedPrefsKey);
+
+    emit(state.copyWith(likedIds: data));
+  }
+
+  FutureOr<void> _onChangeLike(ChangeLikeEvent event, Emitter<LikeState> emit) async{
+    final updatedListInt = List<int>.from(state.likedIds ?? []);
+    print(updatedListInt);
+    final updatedList = updatedListInt.map((int number) => number.toString()).toList();
+    print(updatedList);
+
+    if (updatedList.contains(event.id.toString())) {
+      updatedList.remove(event.id.toString());
+    } else {
+      updatedList.add(event.id.toString());
+    }
+
+    final prefs = await SharedPreferences.getInstance();
+    prefs.setStringList(_likedPrefsKey, updatedList);
+
+    emit(state.copyWith(likedIds: updatedList));
+  }
+}

lib/presentation/like_bloc/like_events.dart

@@ -0,0 +1,13 @@
+abstract class LikeEvent {
+  const LikeEvent();
+}
+
+class LoadLikesEvent extends LikeEvent {
+  const LoadLikesEvent();
+}
+
+class ChangeLikeEvent extends LikeEvent {
+  final int id;
+
+  const ChangeLikeEvent(this.id);
+}

lib/presentation/like_bloc/like_state.dart

@@ -0,0 +1,15 @@
+import 'package:equatable/equatable.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:copy_with_extension/copy_with_extension.dart';
+
+part 'like_state.g.dart';
+
+@CopyWith()
+class LikeState extends Equatable {
+  final List<String>? likedIds;
+
+  const LikeState({required this.likedIds});
+
+  @override
+  List<Object?> get props => [likedIds];
+}

lib/presentation/locale_bloc/locale_bloc.dart

@@ -0,0 +1,19 @@
+import 'dart:async';
+import 'dart:ui';
+
+import 'package:app/components/locale/l10n/app_locale.dart';
+import 'package:app/presentation/locale_bloc/locale_events.dart';
+import 'package:app/presentation/locale_bloc/locale_state.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+
+class LocaleBloc extends Bloc<LocaleEvent, LocaleState> {
+  LocaleBloc(Locale defaultLocale) : super(LocaleState(currentLocale: defaultLocale)) {
+    on<ChangeLocaleEvent>(_onChangeLocale);
+  }
+
+  FutureOr<void> _onChangeLocale(ChangeLocaleEvent event, Emitter<LocaleState> emit) async {
+    final toChange = AppLocale.supportedLocales
+        .firstWhere((e) => e.languageCode != state.currentLocale.languageCode);
+    emit(state.copyWith(currentLocale: toChange));
+  }
+}

lib/presentation/locale_bloc/locale_events.dart

@@ -0,0 +1,7 @@
+abstract class LocaleEvent {
+  const LocaleEvent();
+}
+
+class ChangeLocaleEvent extends LocaleEvent {
+  const ChangeLocaleEvent();
+}

lib/presentation/locale_bloc/locale_state.dart

@@ -0,0 +1,15 @@
+import 'package:equatable/equatable.dart';
+import 'package:flutter/cupertino.dart';
+import 'package:copy_with_extension/copy_with_extension.dart';
+
+part 'locale_state.g.dart';
+
+@CopyWith()
+class LocaleState extends Equatable {
+  final Locale currentLocale;
+
+  const LocaleState({required this.currentLocale});
+
+  @override
+  List<Object?> get props => [currentLocale];
+}

lib/repositories/api_interface.dart

@@ -10,4 +10,3 @@ typedef OnErrorCallback = void Function(String? error);
 abstract class ApiInterface {
   Future<HomeData?> loadData({OnErrorCallback? onError});
 }
-

lib/repositories/mock_repository.dart

@@ -10,36 +10,30 @@ class MockRepository extends ApiInterface {
       CardData(
         descriptionText: 'И давно тебе 17?',
         'Бенто-торт "Сумерки"',
-        imageUrl:
-            'https://i.pinimg.com/736x/ef/5a/80/ef5a80844de4afb19750d67f1f5be04d.jpg',
+        imageUrl: 'https://i.pinimg.com/736x/ef/5a/80/ef5a80844de4afb19750d67f1f5be04d.jpg',
       ),
       CardData('Бенто-торт "Material Girl"',
           descriptionText: 'Главное какой fabric, какой material',
-          imageUrl:
-              'https://i.pinimg.com/736x/f5/88/0c/f5880cc5b09e602c1849d4093d17eb8e.jpg'),
+          imageUrl: 'https://i.pinimg.com/736x/f5/88/0c/f5880cc5b09e602c1849d4093d17eb8e.jpg'),
       CardData(
         'Бенто-торт "Шрек"',
         descriptionText: 'Somebody once told me the world is gonna roll me',
-        imageUrl:
-            'https://i.pinimg.com/736x/a9/0d/fb/a90dfb9dfe3b4f4e1c5ce3cb99847a1e.jpg',
+        imageUrl: 'https://i.pinimg.com/736x/a9/0d/fb/a90dfb9dfe3b4f4e1c5ce3cb99847a1e.jpg',
       ),
       CardData(
         'Бенто-торт "Дурак"',
         descriptionText: 'Сам дурак',
-        imageUrl:
-            'https://i.pinimg.com/564x/11/87/8a/11878a2f6a0c5d26e38ce68cbbe21337.jpg',
+        imageUrl: 'https://i.pinimg.com/564x/11/87/8a/11878a2f6a0c5d26e38ce68cbbe21337.jpg',
       ),
       CardData(
         'Бенто-торт "Совунья"',
         descriptionText: 'Я просто смешариков люблю',
-        imageUrl:
-            'https://i.pinimg.com/564x/85/61/d2/8561d2b601fe9eb72c4e2031bbb6ba24.jpg',
+        imageUrl: 'https://i.pinimg.com/564x/85/61/d2/8561d2b601fe9eb72c4e2031bbb6ba24.jpg',
       ),
       CardData(
         'Бенто-торт "В смысле 28?"',
         descriptionText: 'Напишем любой возраст (или срок)',
-        imageUrl:
-            'https://i.pinimg.com/564x/ae/76/0a/ae760af69d9a0c12938753a372112ee4.jpg',
+        imageUrl: 'https://i.pinimg.com/564x/ae/76/0a/ae760af69d9a0c12938753a372112ee4.jpg',
       ),
     ]);
   }

pubspec.lock

@@ -22,6 +22,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.7.0"
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      sha256: cb6a278ef2dbb298455e1a713bda08524a175630ec643a242c399c932a0a1f7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.6.1"
   args:
     dependency: transitive
     description:
@@ -134,6 +142,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.0.3"
+  cli_util:
+    dependency: transitive
+    description:
+      name: cli_util
+      sha256: c05b7406fdabc7a49a3929d4af76bcaccbbffcbcdcf185b082e1ae07da323d19
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.1"
   clock:
     dependency: transitive
     description:
@@ -238,6 +254,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      sha256: "16ed7b077ef01ad6170a3d0c57caa4a112a38d7a2ed5602e0aca9ca6f3d98da6"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.3"
+  fgen:
+    dependency: "direct dev"
+    description:
+      name: fgen
+      sha256: "715dec338e6a101bfc090e72181fccace583ec1c6da93bfb13f80c2e9e48a62b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
   file:
     dependency: transitive
     description:
@@ -267,6 +299,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "8.1.6"
+  flutter_launcher_icons:
+    dependency: "direct dev"
+    description:
+      name: flutter_launcher_icons
+      sha256: "526faf84284b86a4cb36d20a5e45147747b7563d921373d4ee0559c54fcdbcea"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.13.1"
   flutter_lints:
     dependency: "direct dev"
     description:
@@ -275,11 +315,29 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.0"
+  flutter_localizations:
+    dependency: "direct dev"
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  flutter_svg:
+    dependency: "direct main"
+    description:
+      name: flutter_svg
+      sha256: "8c5d68a82add3ca76d792f058b186a0599414f279f00ece4830b9b231b570338"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.7"
   flutter_test:
     dependency: "direct dev"
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
   frontend_server_client:
     dependency: transitive
     description:
@@ -304,6 +362,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.3.2"
+  http:
+    dependency: transitive
+    description:
+      name: http
+      sha256: b9c29a161230ee03d3ccf545097fccd9b87a5264228c5d348202e0f0c28f9010
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.2"
   http_multi_server:
     dependency: transitive
     description:
@@ -320,6 +386,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.2"
+  image:
+    dependency: transitive
+    description:
+      name: image
+      sha256: f31d52537dc417fdcde36088fdf11d191026fd5e4fae742491ebd40e5a8bea7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.3.0"
+  intl:
+    dependency: "direct dev"
+    description:
+      name: intl
+      sha256: d6f56758b7d3014a48af9701c085700aac781a92a87a62b1333b46d8879661cf
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.19.0"
   io:
     dependency: transitive
     description:
@@ -456,6 +538,62 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.9.0"
+  path_parsing:
+    dependency: transitive
+    description:
+      name: path_parsing
+      sha256: e3e67b1629e6f7e8100b367d3db6ba6af4b1f0bb80f64db18ef1fbabd2fa9ccf
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
+  petitparser:
+    dependency: transitive
+    description:
+      name: petitparser
+      sha256: c15605cd28af66339f8eb6fbe0e541bfe2d1b72d5825efc6598f3e0a31b9ad27
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.0.2"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "9b71283fc13df574056616011fb138fd3b793ea47cc509c189a6c3fa5f8a1a65"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.5"
+  plugin_platform_interface:
+    dependency: transitive
+    description:
+      name: plugin_platform_interface
+      sha256: "4820fbfdb9478b1ebae27888254d445073732dae3d6ea81f0b7e06d5dedc3f02"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.8"
   pool:
     dependency: transitive
     description:
@@ -496,6 +634,62 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  shared_preferences:
+    dependency: "direct dev"
+    description:
+      name: shared_preferences
+      sha256: "746e5369a43170c25816cc472ee016d3a66bc13fcf430c0bc41ad7b4b2922051"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      sha256: "3b9febd815c9ca29c9e3520d50ec32f49157711e143b7a4ca039eb87e8ade5ab"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.3"
+  shared_preferences_foundation:
+    dependency: transitive
+    description:
+      name: shared_preferences_foundation
+      sha256: "07e050c7cd39bad516f8d64c455f04508d09df104be326d8c02551590a0d513d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.3"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      sha256: "580abfd40f415611503cae30adf626e6656dfb2f0cee8f465ece7b6defb40f2f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      sha256: "57cbf196c486bc2cf1f02b85784932c6094376284b3ad5779d1b1c6c6a816b80"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      sha256: d2ca4132d3946fec2184261726b355836a82c33d7d5b67af32692aff18a4684e
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      sha256: "94ef0f72b2d71bc3e700e025db3710911bd51a71cefb65cc609dd0d9a982e3c1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
   shelf:
     dependency: transitive
     description:
@@ -605,6 +799,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.2"
+  vector_graphics:
+    dependency: transitive
+    description:
+      name: vector_graphics
+      sha256: "32c3c684e02f9bc0afb0ae0aa653337a2fe022e8ab064bcd7ffda27a74e288e3"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.11+1"
+  vector_graphics_codec:
+    dependency: transitive
+    description:
+      name: vector_graphics_codec
+      sha256: c86987475f162fadff579e7320c7ddda04cd2fdeffbe1129227a85d9ac9e03da
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.11+1"
+  vector_graphics_compiler:
+    dependency: transitive
+    description:
+      name: vector_graphics_compiler
+      sha256: "12faff3f73b1741a36ca7e31b292ddeb629af819ca9efe9953b70bd63fc8cd81"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.11+1"
   vector_math:
     dependency: transitive
     description:
@@ -653,6 +871,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "3.0.1"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  xml:
+    dependency: transitive
+    description:
+      name: xml
+      sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.5.0"
   yaml:
     dependency: transitive
     description:
@@ -663,4 +897,4 @@ packages:
     version: "3.1.2"
 sdks:
   dart: ">=3.5.3 <4.0.0"
-  flutter: ">=3.18.0-18.0.pre.54"
+  flutter: ">=3.24.0"

pubspec.yaml

@@ -16,15 +16,41 @@ dependencies:
   flutter_bloc: ^8.1.6
   equatable: ^2.0.5
   copy_with_extension_gen: ^5.0.4
+  flutter_svg: 2.0.7
+
 
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  fgen: ^1.0.0
+
+  flutter_launcher_icons: ^0.13.1
+
+  flutter_localizations:
+    sdk: flutter
+  intl: ^0.19.0
+
+  shared_preferences: 2.3.2
 
   build_runner: ^2.4.9
   json_serializable: ^6.7.1
 
   flutter_lints: ^4.0.0
 
+
+
+flutter_icons:
+  android: "ic_launcher"
+  ios: true
+  image_path: assets/ricmandmorty.jpg
+  min_sdk_android: 21
+
 flutter:
   uses-material-design: true
+  assets:
+    - assets/svg/
+
+  generate: true
+
+
+