end lab 7

Makefile

@@ -24,4 +24,4 @@ res:
 
 loc:
 	flutter gen-l10n && \
-	make format
+	make format

lib/components/extensions/context_x.dart

@@ -0,0 +1,6 @@
+import 'package:flutter/widgets.dart';
+import 'package:pmd_lab/components/locale/l10n/app_locale.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.g.dart

@@ -6,22 +6,28 @@ part of 'characters_dto.dart';
 // JsonSerializableGenerator
 // **************************************************************************
 
-CharactersDto _$CharactersDtoFromJson(Map<String, dynamic> json) => CharactersDto(
+CharactersDto _$CharactersDtoFromJson(Map<String, dynamic> json) =>
+    CharactersDto(
       data: (json['data'] as List<dynamic>?)
           ?.map((e) => CharactersDataDto.fromJson(e as Map<String, dynamic>))
           .toList(),
-      meta: json['meta'] == null ? null : MetaDto.fromJson(json['meta'] as Map<String, dynamic>),
+      meta: json['meta'] == null
+          ? null
+          : MetaDto.fromJson(json['meta'] as Map<String, dynamic>),
     );
 
-CharactersDataDto _$CharactersDataDtoFromJson(Map<String, dynamic> json) => CharactersDataDto(
+CharactersDataDto _$CharactersDataDtoFromJson(Map<String, dynamic> json) =>
+    CharactersDataDto(
       id: json['id'] as String?,
       type: json['type'] as String?,
       attributes: json['attributes'] == null
           ? null
-          : CharasterAttributesDataDto.fromJson(json['attributes'] as Map<String, dynamic>),
+          : CharasterAttributesDataDto.fromJson(
+              json['attributes'] as Map<String, dynamic>),
     );
 
-CharasterAttributesDataDto _$CharasterAttributesDataDtoFromJson(Map<String, dynamic> json) =>
+CharasterAttributesDataDto _$CharasterAttributesDataDtoFromJson(
+        Map<String, dynamic> json) =>
     CharasterAttributesDataDto(
       name: json['name'] as String?,
       born: json['born'] as String?,
@@ -35,7 +41,8 @@ MetaDto _$MetaDtoFromJson(Map<String, dynamic> json) => MetaDto(
           : PaginationDto.fromJson(json['pagination'] as Map<String, dynamic>),
     );
 
-PaginationDto _$PaginationDtoFromJson(Map<String, dynamic> json) => PaginationDto(
+PaginationDto _$PaginationDtoFromJson(Map<String, dynamic> json) =>
+    PaginationDto(
       current: (json['current'] as num?)?.toInt(),
       next: (json['next'] as num?)?.toInt(),
       last: (json['last'] as num?)?.toInt(),

lib/data/mappes/characters_mapper.dart

@@ -9,6 +9,7 @@ extension CharacterDataDtoToModel on CharactersDataDto {
         attributes?.name ?? 'UNKNOWN',
         imgUrl: attributes?.image ?? _imagePlaceholder,
         description: _makeDescription(attributes?.born, attributes?.died),
+        id: id,
       );
   String _makeDescription(String? born, String? died) {
     return born != null && died != null

lib/domain/models/card.dart

@@ -2,10 +2,12 @@ class CardData {
   final String text;
   final String description;
   final String? imgUrl;
+  final String? id;
 
   CardData(
     this.text, {
     required this.description,
     this.imgUrl,
+    this.id,
   });
 }

lib/main.dart

@@ -1,7 +1,14 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmd_lab/components/locale/l10n/app_locale.dart';
 import 'package:pmd_lab/presentation/home_page/bloc/bloc.dart';
+
 import 'package:pmd_lab/presentation/home_page/home_page.dart';
+import 'package:pmd_lab/presentation/like_bloc/like_bloc.dart';
+import 'package:pmd_lab/presentation/locale_bloc/locale_bloc.dart';
+import 'package:pmd_lab/presentation/locale_bloc/locale_state.dart';
 import 'package:pmd_lab/repositories/potter_repository.dart';
 
 void main() {
@@ -13,20 +20,37 @@ class MyApp extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return MaterialApp(
+    return BlocProvider<LocaleBloc>(
-        title: 'Potter App',
+      lazy: false,
-        theme: ThemeData(
+      create: (context) => LocaleBloc(Locale(Platform.localeName)),
-          primarySwatch: Colors.orange,
+      child: BlocBuilder<LocaleBloc, LocaleState>(
-          scaffoldBackgroundColor: Colors.white,
+        builder: (context, state) {
-          useMaterial3: true,
+          return MaterialApp(
-        ),
+            title: 'Potter App',
-        home: RepositoryProvider<PotterRepository>(
+            locale: state.currentLocale,
-          lazy: true,
+            localizationsDelegates: AppLocale.localizationsDelegates,
-          create: (_) => PotterRepository(),
+            supportedLocales: AppLocale.supportedLocales,
-          child: BlocProvider<HomeBloc>(
+            theme: ThemeData(
-            lazy: true,
+              primarySwatch: Colors.orange,
-            create: (context) => HomeBloc(context.read<PotterRepository>()),
+              scaffoldBackgroundColor: Colors.white,
-          ),
+              useMaterial3: true,
-        ));
+            ),
+            home: RepositoryProvider<PotterRepository>(
+              lazy: true,
+              create: (_) => PotterRepository(),
+              child: BlocProvider<LikeBloc>(
+                lazy: false,
+                create: (context) => LikeBloc(),
+                child: BlocProvider<HomeBloc>(
+                  lazy: false,
+                  create: (context) => HomeBloc(context.read<PotterRepository>()),
+                  child: const MyHomePage(),
+                ),
+              ),
+            ),
+          );
+        },
+      ),
+    );
   }
 }

lib/presentation/home_page/bloc/state.dart

@@ -1,6 +1,5 @@
 import 'package:equatable/equatable.dart';
 import 'package:copy_with_extension/copy_with_extension.dart';
-import 'package:pmd_lab/domain/models/card.dart';
 import 'package:pmd_lab/domain/models/home.dart';
 
 part 'state.g.dart';

lib/presentation/home_page/bloc/state.g.dart

@@ -72,7 +72,8 @@ class _$HomeStateCWProxyImpl implements _$HomeStateCWProxy {
           // ignore: cast_nullable_to_non_nullable
           : isLoading as bool,
       isPaginationLoading:
-          isPaginationLoading == const $CopyWithPlaceholder() || isPaginationLoading == null
+          isPaginationLoading == const $CopyWithPlaceholder() ||
+                  isPaginationLoading == null
               ? _value.isPaginationLoading
               // ignore: cast_nullable_to_non_nullable
               : isPaginationLoading as bool,

lib/presentation/home_page/card.dart

@@ -1,119 +1,120 @@
 part of 'home_page.dart';
 
-typedef OnLikeCallBack = void Function(String title, bool isLiked)?;
+typedef OnLikeCallback = void Function(String? id, String title, bool isLiked)?;
 
-class _Card extends StatefulWidget {
+class _Card extends StatelessWidget {
   final String text;
   final String description;
   final String? imgUrl;
-  final OnLikeCallBack onLike;
+  final OnLikeCallback onLike;
   final VoidCallback? onTap;
+  final String? id;
+  final bool isLiked;
 
   const _Card(
-    this.text, {
+      this.text, {
-    required this.description,
+        required this.description,
-    this.imgUrl,
+        this.imgUrl,
-    this.onLike,
+        this.onLike,
-    this.onTap,
+        this.onTap,
-  });
+        this.id,
+        this.isLiked = false,
+      });
 
-  factory _Card.fromData(CardData data, {OnLikeCallBack onLike, VoidCallback? onTap}) => _Card(
+  factory _Card.fromData(
+      CardData data, {
+        OnLikeCallback onLike,
+        VoidCallback? onTap,
+        bool isLiked = false,
+      }) =>
+      _Card(
         data.text,
         description: data.description,
         imgUrl: data.imgUrl,
         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(
+      return GestureDetector(
-      onTap: widget.onTap,
+        onTap: onTap,
-      child: Container(
+        child: Container(
-        margin: const EdgeInsets.only(bottom: 20),
+          margin: const EdgeInsets.only(bottom: 20),
-        decoration:
+          decoration:
             BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(20), boxShadow: [
-          BoxShadow(
+            BoxShadow(
-            color: Colors.black.withOpacity(0.1),
+              color: Colors.black.withOpacity(0.1),
-            spreadRadius: 1,
+              spreadRadius: 1,
-            offset: const Offset(0, 0),
+              offset: const Offset(0, 0),
-            blurRadius: 15,
+              blurRadius: 15,
-          )
+            )
-        ]),
+          ]),
-        child: Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
+          child: Column(crossAxisAlignment: CrossAxisAlignment.stretch, children: [
-          Stack(children: [
+            Stack(children: [
-            ClipRRect(
+              ClipRRect(
-              borderRadius: const BorderRadius.only(
+                borderRadius: const BorderRadius.only(
-                  topLeft: Radius.circular(20), topRight: Radius.circular(20)),
+                    topLeft: Radius.circular(20), topRight: Radius.circular(20)),
-              child: Image.network(
+                child: Image.network(
-                widget.imgUrl ?? '',
+                  imgUrl ?? '',
-                errorBuilder: (_, __, ___) => const Placeholder(),
+                  errorBuilder: (_, __, ___) => const Placeholder(),
-                height: 370,
+                  height: 370,
-                alignment: Alignment.topCenter,
+                  alignment: Alignment.topCenter,
-                fit: BoxFit.cover,
+                  fit: BoxFit.cover,
-                width: double.infinity,
+                  width: double.infinity,
+                ),
+              ),
+            ]),
+            Padding(
+              padding: const EdgeInsets.all(20),
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  Padding(
+                    padding: const EdgeInsets.only(bottom: 10),
+                    child: Text(
+                      text,
+                      style: const TextStyle(
+                        color: Color(0xff4c4c4c),
+                        fontSize: 30,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ),
+                  Text(
+                    description,
+                    style: const TextStyle(
+                      color: Color(0xff9c9c9c),
+                      fontSize: 20,
+                      fontWeight: FontWeight.normal,
+                    ),
+                  ),
+                  Padding(
+                      padding: const EdgeInsets.only(top: 10),
+                      child: GestureDetector(
+                        onTap: () => onLike?.call(id, text, isLiked),
+                        child: AnimatedSwitcher(
+                          duration: const Duration(milliseconds: 300),
+                          child: isLiked
+                              ? const Icon(
+                                  Icons.favorite,
+                                  color: Colors.redAccent,
+                                  key: ValueKey<int>(0),
+                                )
+                              : const Icon(
+                                  Icons.favorite_border,
+                                  key: ValueKey<int>(1),
+                                ),
+                        ),
+                      )
+                  )
+                ],
               ),
             ),
           ]),
-          Padding(
+        ),
-            padding: const EdgeInsets.all(20),
+      );
-            child: Column(
+    }
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Padding(
-                  padding: const EdgeInsets.only(bottom: 10),
-                  child: Text(
-                    widget.text,
-                    style: const TextStyle(
-                      color: Color(0xff4c4c4c),
-                      fontSize: 30,
-                      fontWeight: FontWeight.bold,
-                    ),
-                  ),
-                ),
-                Text(
-                  widget.description,
-                  style: const TextStyle(
-                    color: Color(0xff9c9c9c),
-                    fontSize: 20,
-                    fontWeight: FontWeight.normal,
-                  ),
-                ),
-                Padding(
-                    padding: const EdgeInsets.only(top: 10),
-                    child: GestureDetector(
-                      onTap: () {
-                        setState(() {
-                          isLiked = !isLiked;
-                        });
-                        widget.onLike?.call(widget.text, isLiked);
-                      },
-                      child: AnimatedSwitcher(
-                        duration: const Duration(milliseconds: 300),
-                        child: isLiked
-                            ? const Icon(
-                                Icons.favorite,
-                                color: Colors.redAccent,
-                                key: ValueKey<int>(0),
-                              )
-                            : const Icon(
-                                Icons.favorite_border,
-                                key: ValueKey<int>(1),
-                              ),
-                      ),
-                    ))
-              ],
-            ),
-          ),
-        ]),
-      ),
-    );
-  }
 }

lib/presentation/home_page/home_page.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmd_lab/components/extensions/context_x.dart';
 import 'package:pmd_lab/components/utils/debounce.dart';
 import 'package:pmd_lab/domain/models/card.dart';
 import 'package:pmd_lab/presentation/common/svg_objects.dart';
@@ -8,9 +9,15 @@ import 'package:pmd_lab/presentation/details_page/details_page.dart';
 import 'package:pmd_lab/presentation/home_page/bloc/bloc.dart';
 import 'package:pmd_lab/presentation/home_page/bloc/events.dart';
 import 'package:pmd_lab/presentation/home_page/bloc/state.dart';
+import 'package:pmd_lab/presentation/like_bloc/like_bloc.dart';
+import 'package:pmd_lab/presentation/like_bloc/like_event.dart';
+import 'package:pmd_lab/presentation/like_bloc/like_state.dart';
+import 'package:pmd_lab/presentation/locale_bloc/locale_events.dart';
+import 'package:pmd_lab/presentation/locale_bloc/locale_state.dart';
 import 'package:pmd_lab/repositories/api_interface.dart';
-import 'package:pmd_lab/repositories/mock_repository.dart';
 import 'package:pmd_lab/repositories/potter_repository.dart';
+
+import '../locale_bloc/locale_bloc.dart';
 part 'card.dart';
 
 class MyHomePage extends StatefulWidget {
@@ -35,8 +42,6 @@ class Body extends StatefulWidget {
 class _BodyState extends State<Body> {
   final searchController = TextEditingController();
   final scrollController = ScrollController();
-  final ApiInterface repo = PotterRepository();
-  late Future<List<CardData>?> data;
 
   @override
   void initState() {
@@ -44,6 +49,7 @@ class _BodyState extends State<Body> {
 
     WidgetsBinding.instance.addPostFrameCallback((_) {
       context.read<HomeBloc>().add(const HomeLoadDataEvent());
+      context.read<LikeBloc>().add(const LoadLikesEvent());
     });
     scrollController.addListener(_onNextPageListener);
     super.initState();
@@ -75,14 +81,38 @@ class _BodyState extends State<Body> {
       padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
       child: Column(
         children: [
-          Padding(
+          Row(
-            padding: const EdgeInsets.all(12),
+            children: [
-            child: CupertinoSearchTextField(
+              Expanded(
-              controller: searchController,
+                flex: 4,
-              onChanged: (search) {
+                child: Padding(
-                Debounce.run(() => context.read<HomeBloc>().add(HomeLoadDataEvent(search: search)));
+                  padding: const EdgeInsets.all(12),
-              },
+                  child: CupertinoSearchTextField(
-            ),
+                    controller: searchController,
+                    placeholder: context.locale.search,
+                    onChanged: (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>(
@@ -93,25 +123,32 @@ class _BodyState extends State<Body> {
                   )
                 : state.isLoading
                     ? const CircularProgressIndicator()
-                    : Expanded(
+                    : BlocBuilder<LikeBloc, LikeState>(
-                        child: RefreshIndicator(
+                        builder: (context, likeState) {
-                          onRefresh: _onRefresh,
+                          return Expanded(
-                          child: ListView.builder(
+                            child: RefreshIndicator(
-                            padding: EdgeInsets.zero,
+                              onRefresh: _onRefresh,
-                            itemCount: state.data?.data?.length ?? 0,
+                              child: ListView.builder(
-                            itemBuilder: (context, index) {
+                                physics: const BouncingScrollPhysics(),
-                              final data = state.data?.data?[index];
+                                controller: scrollController,
-                              return data != null
+                                padding: EdgeInsets.zero,
-                                  ? _Card.fromData(
+                                itemCount: state.data?.data?.length ?? 0,
-                                      data,
+                                itemBuilder: (context, index) {
-                                      onLike: (title, isLiked) =>
+                                  final data = state.data?.data?[index];
-                                          _showSnackBar(context, title, isLiked),
+                                  return data != null
-                                      onTap: () => _navToDetails(context, data),
+                                      ? _Card.fromData(
-                                    )
+                                    data,
-                                  : const SizedBox.shrink();
+                                    onLike: _onLike,
-                            },
+                                    isLiked: likeState.likedIds?.contains(
-                          ), // ListView.builder
+                                        data.id) == true,
-                        ), // RefreshIndicator
+                                    onTap: () => _navToDetails(context, data),
+                                  )
+                                      : const SizedBox.shrink();
+                                },
+                              ), // ListView.builder
+                            ), // RefreshIndicator
+                          );
+                        },
                       ), // Expanded
           ), // BlocBuilder
           BlocBuilder<HomeBloc, HomeState>(
@@ -128,7 +165,7 @@ class _BodyState extends State<Body> {
     WidgetsBinding.instance.addPostFrameCallback((_) {
       ScaffoldMessenger.of(context).showSnackBar(SnackBar(
         content: Text(
-          'Article $title ${isLiked ? 'liked!' : 'disliked :('}',
+          '$title ${isLiked ? context.locale.liked : context.locale.disliked}',
           style: Theme.of(context).textTheme.bodyLarge,
         ),
         backgroundColor: Colors.orangeAccent,
@@ -148,4 +185,11 @@ class _BodyState extends State<Body> {
     context.read<HomeBloc>().add(HomeLoadDataEvent(search: searchController.text));
     return Future.value(null);
   }
+
+  void _onLike(String? 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,35 @@
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmd_lab/presentation/like_bloc/like_event.dart';
+import 'package:pmd_lab/presentation/like_bloc/like_state.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+const String _likedPrefsKey = 'liked';
+
+class LikeBloc extends Bloc<LikeEvent, LikeState> {
+  LikeBloc() : super(const LikeState(likedIds: [])) {
+    on<ChangeLikeEvent>(_onChangeLike);
+    on<LoadLikesEvent>(_onLoadLikes);
+  }
+
+  Future<void> _onLoadLikes(LoadLikesEvent event, Emitter<LikeState> emit) async {
+    final prefs = await SharedPreferences.getInstance();
+    final data = prefs.getStringList(_likedPrefsKey);
+
+    emit(state.copyWith(likedIds: data));
+  }
+
+  Future<void> _onChangeLike(ChangeLikeEvent event, Emitter<LikeState> emit) async {
+    final updatedList = List<String>.from(state.likedIds ?? []);
+
+    if (updatedList.contains(event.id)) {
+      updatedList.remove(event.id);
+    } else {
+      updatedList.add(event.id);
+    }
+
+    final prefs = await SharedPreferences.getInstance();
+    prefs.setStringList(_likedPrefsKey, updatedList);
+
+    emit(state.copyWith(likedIds: updatedList));
+  }
+}

lib/presentation/like_bloc/like_event.dart

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

lib/presentation/like_bloc/like_state.dart

@@ -0,0 +1,14 @@
+import 'package:copy_with_extension/copy_with_extension.dart';
+import 'package:equatable/equatable.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/like_bloc/like_state.g.dart

@@ -0,0 +1,56 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'like_state.dart';
+
+// **************************************************************************
+// CopyWithGenerator
+// **************************************************************************
+
+abstract class _$LikeStateCWProxy {
+  LikeState likedIds(List<String>? likedIds);
+
+  /// This function **does support** nullification of nullable fields. All `null` values passed to `non-nullable` fields will be ignored. You can also use `LikeState(...).copyWith.fieldName(...)` to override fields one at a time with nullification support.
+  ///
+  /// Usage
+  /// ```dart
+  /// LikeState(...).copyWith(id: 12, name: "My name")
+  /// ````
+  LikeState call({
+    List<String>? likedIds,
+  });
+}
+
+/// Proxy class for `copyWith` functionality. This is a callable class and can be used as follows: `instanceOfLikeState.copyWith(...)`. Additionally contains functions for specific fields e.g. `instanceOfLikeState.copyWith.fieldName(...)`
+class _$LikeStateCWProxyImpl implements _$LikeStateCWProxy {
+  const _$LikeStateCWProxyImpl(this._value);
+
+  final LikeState _value;
+
+  @override
+  LikeState likedIds(List<String>? likedIds) => this(likedIds: likedIds);
+
+  @override
+
+  /// This function **does support** nullification of nullable fields. All `null` values passed to `non-nullable` fields will be ignored. You can also use `LikeState(...).copyWith.fieldName(...)` to override fields one at a time with nullification support.
+  ///
+  /// Usage
+  /// ```dart
+  /// LikeState(...).copyWith(id: 12, name: "My name")
+  /// ````
+  LikeState call({
+    Object? likedIds = const $CopyWithPlaceholder(),
+  }) {
+    return LikeState(
+      likedIds: likedIds == const $CopyWithPlaceholder()
+          ? _value.likedIds
+          // ignore: cast_nullable_to_non_nullable
+          : likedIds as List<String>?,
+    );
+  }
+}
+
+extension $LikeStateCopyWith on LikeState {
+  /// Returns a callable class that can be used as follows: `instanceOfLikeState.copyWith(...)` or like so:`instanceOfLikeState.copyWith.fieldName(...)`.
+  // ignore: library_private_types_in_public_api
+  _$LikeStateCWProxy get copyWith => _$LikeStateCWProxyImpl(this);
+}

lib/presentation/locale_bloc/locale_bloc.dart

@@ -0,0 +1,18 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:pmd_lab/components/locale/l10n/app_locale.dart';
+
+import 'locale_events.dart';
+import 'locale_state.dart';
+
+class LocaleBloc extends Bloc<LocaleEvent, LocaleState> {
+  LocaleBloc(Locale defaultLocale) : super(LocaleState(currentLocale: defaultLocale)) {
+    on<ChangeLocaleEvent>(_onChangeLocale);
+  }
+
+  Future<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:copy_with_extension/copy_with_extension.dart';
+import 'package:equatable/equatable.dart';
+import 'package:flutter/material.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/presentation/locale_bloc/locale_state.g.dart

@@ -0,0 +1,58 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'locale_state.dart';
+
+// **************************************************************************
+// CopyWithGenerator
+// **************************************************************************
+
+abstract class _$LocaleStateCWProxy {
+  LocaleState currentLocale(Locale currentLocale);
+
+  /// This function **does support** nullification of nullable fields. All `null` values passed to `non-nullable` fields will be ignored. You can also use `LocaleState(...).copyWith.fieldName(...)` to override fields one at a time with nullification support.
+  ///
+  /// Usage
+  /// ```dart
+  /// LocaleState(...).copyWith(id: 12, name: "My name")
+  /// ````
+  LocaleState call({
+    Locale? currentLocale,
+  });
+}
+
+/// Proxy class for `copyWith` functionality. This is a callable class and can be used as follows: `instanceOfLocaleState.copyWith(...)`. Additionally contains functions for specific fields e.g. `instanceOfLocaleState.copyWith.fieldName(...)`
+class _$LocaleStateCWProxyImpl implements _$LocaleStateCWProxy {
+  const _$LocaleStateCWProxyImpl(this._value);
+
+  final LocaleState _value;
+
+  @override
+  LocaleState currentLocale(Locale currentLocale) =>
+      this(currentLocale: currentLocale);
+
+  @override
+
+  /// This function **does support** nullification of nullable fields. All `null` values passed to `non-nullable` fields will be ignored. You can also use `LocaleState(...).copyWith.fieldName(...)` to override fields one at a time with nullification support.
+  ///
+  /// Usage
+  /// ```dart
+  /// LocaleState(...).copyWith(id: 12, name: "My name")
+  /// ````
+  LocaleState call({
+    Object? currentLocale = const $CopyWithPlaceholder(),
+  }) {
+    return LocaleState(
+      currentLocale:
+          currentLocale == const $CopyWithPlaceholder() || currentLocale == null
+              ? _value.currentLocale
+              // ignore: cast_nullable_to_non_nullable
+              : currentLocale as Locale,
+    );
+  }
+}
+
+extension $LocaleStateCopyWith on LocaleState {
+  /// Returns a callable class that can be used as follows: `instanceOfLocaleState.copyWith(...)` or like so:`instanceOfLocaleState.copyWith.fieldName(...)`.
+  // ignore: library_private_types_in_public_api
+  _$LocaleStateCWProxy get copyWith => _$LocaleStateCWProxyImpl(this);
+}

lib/repositories/mock_repository.dart

@@ -1,6 +1,5 @@
 import 'package:pmd_lab/domain/models/home.dart';
 import 'package:pmd_lab/repositories/api_interface.dart';
-import 'package:pmd_lab/domain/models/card.dart';
 
 class MockRepository extends ApiInterface {
   @override

lib/repositories/potter_repository.dart

@@ -1,9 +1,6 @@
-import 'dart:developer';
-
 import 'package:dio/dio.dart';
 import 'package:pmd_lab/data/dtos/characters_dto.dart';
 import 'package:pmd_lab/data/mappes/characters_mapper.dart';
-import 'package:pmd_lab/domain/models/card.dart';
 import 'package:pmd_lab/domain/models/home.dart';
 import 'package:pmd_lab/repositories/api_interface.dart';
 import 'package:pretty_dio_logger/pretty_dio_logger.dart';

pubspec.lock

@@ -5,23 +5,23 @@ packages:
     dependency: transitive
     description:
       name: _fe_analyzer_shared
-      sha256: f256b0c0ba6c7577c15e2e4e114755640a875e885099367bf6e012b19314c834
+      sha256: "16e298750b6d0af7ce8a3ba7c18c69c3785d11b15ec83f6dcd0ad2a0009b3cab"
       url: "https://pub.dev"
     source: hosted
-    version: "72.0.0"
+    version: "76.0.0"
   _macros:
     dependency: transitive
     description: dart
     source: sdk
-    version: "0.3.2"
+    version: "0.3.3"
   analyzer:
     dependency: transitive
     description:
       name: analyzer
-      sha256: b652861553cd3990d8ed361f7979dc6d7053a9ac8843fa73820ab68ce5410139
+      sha256: "1f14db053a8c23e260789e9b0980fa27f2680dd640932cae5e1137cce0e46e1e"
       url: "https://pub.dev"
     source: hosted
-    version: "6.7.0"
+    version: "6.11.0"
   archive:
     dependency: transitive
     description:
@@ -170,10 +170,10 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      sha256: a1ace0a119f20aabc852d165077c036cd864315bd99b7eaa10a60100341941bf
       url: "https://pub.dev"
     source: hosted
-    version: "1.18.0"
+    version: "1.19.0"
   convert:
     dependency: transitive
     description:
@@ -430,18 +430,18 @@ packages:
     dependency: transitive
     description:
       name: leak_tracker
-      sha256: "3f87a60e8c63aecc975dda1ceedbc8f24de75f09e4856ea27daf8958f2f0ce05"
+      sha256: "7bb2830ebd849694d1ec25bf1f44582d6ac531a57a365a803a6034ff751d2d06"
       url: "https://pub.dev"
     source: hosted
-    version: "10.0.5"
+    version: "10.0.7"
   leak_tracker_flutter_testing:
     dependency: transitive
     description:
       name: leak_tracker_flutter_testing
-      sha256: "932549fb305594d82d7183ecd9fa93463e9914e1b67cacc34bc40906594a1806"
+      sha256: "9491a714cca3667b60b5c420da8217e6de0d1ba7a5ec322fab01758f6998f379"
       url: "https://pub.dev"
     source: hosted
-    version: "3.0.5"
+    version: "3.0.8"
   leak_tracker_testing:
     dependency: transitive
     description:
@@ -470,10 +470,10 @@ packages:
     dependency: transitive
     description:
       name: macros
-      sha256: "0acaed5d6b7eab89f63350bccd82119e6c602df0f391260d0e32b5e23db79536"
+      sha256: "1d9e801cd66f7ea3663c45fc708450db1fa57f988142c64289142c9b7ee80656"
       url: "https://pub.dev"
     source: hosted
-    version: "0.1.2-main.4"
+    version: "0.1.3-main.0"
   matcher:
     dependency: transitive
     description:
@@ -710,7 +710,7 @@ packages:
     dependency: transitive
     description: flutter
     source: sdk
-    version: "0.0.99"
+    version: "0.0.0"
   source_gen:
     dependency: transitive
     description:
@@ -739,10 +739,10 @@ packages:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
+      sha256: "9f47fd3630d76be3ab26f0ee06d213679aa425996925ff3feffdec504931c377"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.1"
+    version: "1.12.0"
   stream_channel:
     dependency: transitive
     description:
@@ -763,10 +763,10 @@ packages:
     dependency: transitive
     description:
       name: string_scanner
-      sha256: "556692adab6cfa87322a115640c11f13cb77b3f076ddcc5d6ae3c20242bedcde"
+      sha256: "688af5ed3402a4bde5b3a6c15fd768dbf2621a614950b17f04626c431ab3c4c3"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.0"
+    version: "1.3.0"
   term_glyph:
     dependency: transitive
     description:
@@ -779,10 +779,10 @@ packages:
     dependency: transitive
     description:
       name: test_api
-      sha256: "5b8a98dafc4d5c4c9c72d8b31ab2b23fc13422348d2997120294d3bac86b4ddb"
+      sha256: "664d3a9a64782fcdeb83ce9c6b39e78fd2971d4e37827b9b06c3aa1edc5e760c"
       url: "https://pub.dev"
     source: hosted
-    version: "0.7.2"
+    version: "0.7.3"
   timing:
     dependency: transitive
     description:
@@ -835,10 +835,10 @@ packages:
     dependency: transitive
     description:
       name: vm_service
-      sha256: "5c5f338a667b4c644744b661f309fb8080bb94b18a7e91ef1dbd343bed00ed6d"
+      sha256: f6be3ed8bd01289b34d679c2b62226f63c0e69f9fd2e50a6b3c1c729a961041b
       url: "https://pub.dev"
     source: hosted
-    version: "14.2.5"
+    version: "14.3.0"
   watcher:
     dependency: transitive
     description:

pubspec.yaml

@@ -29,6 +29,7 @@ dependencies:
   intl: ^0.19.0
 
   shared_preferences: 2.2.3
+
 dev_dependencies:
   flutter_test:
     sdk: flutter