LabWork05 add dispose for searchController

lib/data/dtos/characters_dto.dart

@@ -0,0 +1,39 @@
+import 'package:json_annotation/json_annotation.dart';
+
+part 'characters_dto.g.dart';
+
+@JsonSerializable(createToJson: false)
+class CharactersDto {
+  final List<CharacterDataDto>? data;
+
+  const CharactersDto({this.data});
+
+  factory CharactersDto.fromJson(Map<String, dynamic> json) =>
+      _$CharactersDtoFromJson(json);
+}
+
+@JsonSerializable(createToJson: false)
+class CharacterDataDto {
+  final String? id;
+  final String? type;
+  final CharacterAttributesDataDto? attributes;
+
+  const CharacterDataDto({this.id, this.type, this.attributes});
+
+  factory CharacterDataDto.fromJson(Map<String, dynamic> json) =>
+      _$CharacterDataDtoFromJson(json);
+}
+
+@JsonSerializable(createToJson: false)
+class CharacterAttributesDataDto {
+  final String? name;
+  final String? born;
+  final String? died;
+  final String? image;
+
+  const CharacterAttributesDataDto(
+      {this.name, this.born, this.died, this.image});
+
+  factory CharacterAttributesDataDto.fromJson(Map<String, dynamic> json) =>
+      _$CharacterAttributesDataDtoFromJson(json);
+}

lib/data/dtos/characters_dto.g.dart

@@ -0,0 +1,33 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'characters_dto.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+CharactersDto _$CharactersDtoFromJson(Map<String, dynamic> json) =>
+    CharactersDto(
+      data: (json['data'] as List<dynamic>?)
+          ?.map((e) => CharacterDataDto.fromJson(e as Map<String, dynamic>))
+          .toList(),
+    );
+
+CharacterDataDto _$CharacterDataDtoFromJson(Map<String, dynamic> json) =>
+    CharacterDataDto(
+      id: json['id'] as String?,
+      type: json['type'] as String?,
+      attributes: json['attributes'] == null
+          ? null
+          : CharacterAttributesDataDto.fromJson(
+              json['attributes'] as Map<String, dynamic>),
+    );
+
+CharacterAttributesDataDto _$CharacterAttributesDataDtoFromJson(
+        Map<String, dynamic> json) =>
+    CharacterAttributesDataDto(
+      name: json['name'] as String?,
+      born: json['born'] as String?,
+      died: json['died'] as String?,
+      image: json['image'] as String?,
+    );

lib/data/mappers/characters_mapper.dart

@@ -0,0 +1,25 @@
+import 'package:pmu_labworks/data/dtos/characters_dto.dart';
+import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/user.dart';
+
+extension CharacterDataDtoToModel on CharacterDataDto {
+  CommentModel toDomain() => CommentModel(
+        title: type ?? 'UNKNOWN',
+        text: _makeDescriptionText(attributes?.born, attributes?.died),
+        user: UserModel(
+            nickname: attributes?.name ?? 'Noname',
+            avatarUrl: attributes?.image),
+      );
+
+  String _makeDescriptionText(String? born, String? died) {
+    if (born != null && died != null) {
+      return '$born - $died';
+    } else if (born != null) {
+      return 'born: $born';
+    } else if (died != null) {
+      return 'died: $died';
+    } else {
+      return '';
+    }
+  }
+}

lib/data/repositories/api_interface.dart

@@ -0,0 +1,7 @@
+import 'package:pmu_labworks/domain/models/comment.dart';
+
+typedef OnErrorCallback = void Function(String? error);
+
+abstract class ApiInterface {
+  Future<List<CommentModel>?> loadData({OnErrorCallback? onError});
+}

lib/data/repositories/mock_repository.dart

@@ -0,0 +1,54 @@
+import 'package:pmu_labworks/data/repositories/api_interface.dart';
+import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/user.dart';
+
+class MockRepository extends ApiInterface {
+  @override
+  Future<List<CommentModel>?> loadData({OnErrorCallback? onError}) async {
+    final data = [
+      CommentModel(
+        title: 'Oh my god',
+        text: 'this app is so cool ' * 10,
+        user: UserModel(
+          nickname: 'Steve',
+          avatarUrl:
+              'https://preview.free3d.com/img/2016/03/1875481443430303321/hld8c0oa.jpg',
+        ),
+      ),
+      CommentModel(
+        title: 'Listen to me',
+        text: 'This app is like Half-Life 3 - it will never be released',
+        user: UserModel(
+          nickname: 'G-Man',
+          avatarUrl:
+              'https://us-tuna-sounds-images.voicemod.net/356aeabd-18d5-40d8-af31-b479f4eff183-1704672174928.png',
+        ),
+      ),
+      CommentModel(
+        title: 'BREAKING!!!',
+        text:
+            'ONLY NOW you can purchase the ability to put likes and dislikes for only 299\$',
+        user: UserModel(
+          nickname: 'Bethesda',
+          avatarUrl: 'https://i.playground.ru/p/BWixorSTeZQfoPvdVL9lgA.jpeg',
+        ),
+      ),
+      CommentModel(
+        title: 'Test',
+        text: 'Test',
+        user: UserModel(
+          nickname: 'Noname',
+        ),
+      ),
+      CommentModel(
+        title: 'Test',
+        text: 'Test',
+        user: UserModel(
+          nickname: 'Noname',
+        ),
+      ),
+    ];
+
+    return data;
+  }
+}

lib/data/repositories/potterdb_repository.dart

@@ -0,0 +1,35 @@
+import 'package:dio/dio.dart';
+import 'package:pmu_labworks/data/dtos/characters_dto.dart';
+import 'package:pmu_labworks/data/mappers/characters_mapper.dart';
+import 'package:pmu_labworks/data/repositories/api_interface.dart';
+import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pretty_dio_logger/pretty_dio_logger.dart';
+
+class PotterDBRepository extends ApiInterface {
+  static final Dio _dio = Dio()
+    ..interceptors.add(PrettyDioLogger(
+      requestHeader: true,
+      requestBody: true,
+    ));
+
+  static const String _baseUrl = 'https://api.potterdb.com';
+
+  @override
+  Future<List<CommentModel>?> loadData({String? q, OnErrorCallback? onError}) async {
+    try {
+      const String url = '$_baseUrl/v1/characters';
+
+      final Response<dynamic> response = await _dio.get<Map<dynamic, dynamic>>(
+        url,
+        queryParameters: q != null ? {'filter[name_cont]': q} : null,
+      );
+
+      final CharactersDto dto = CharactersDto.fromJson(response.data as Map<String, dynamic>);
+      final List<CommentModel>? data = dto.data?.map((e) => e.toDomain()).toList();
+      return data;
+    } on DioException catch (e) {
+      onError?.call(e.response?.statusMessage);
+      return null;
+    }
+  }
+}

lib/domain/models/comment.dart

@@ -0,0 +1,13 @@
+import 'user.dart';
+
+class CommentModel {
+  final String title;
+  final String text;
+  final UserModel user;
+
+  CommentModel({
+    required this.title,
+    required this.text,
+    required this.user,
+  });
+}

lib/domain/models/user.dart

@@ -0,0 +1,9 @@
+class UserModel {
+  final String nickname;
+  final String? avatarUrl;
+
+  UserModel({
+    required this.nickname,
+    this.avatarUrl,
+  });
+}

lib/main.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:pmu_labworks/view/home_page/home_page.dart';
 
 void main() {
   runApp(const MyApp());
@@ -7,119 +8,16 @@ void main() {
 class MyApp extends StatelessWidget {
   const MyApp({super.key});
 
-  // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: 'Flutter Demo',
+      title: 'Comments App',
+      debugShowCheckedModeBanner: false,
       theme: ThemeData(
-        // This is the theme of your application.
+        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
-        //
-        // TRY THIS: Try running your application with "flutter run". You'll see
-        // the application has a purple toolbar. Then, without quitting the app,
-        // try changing the seedColor in the colorScheme below to Colors.green
-        // and then invoke "hot reload" (save your changes or press the "hot
-        // reload" button in a Flutter-supported IDE, or press "r" if you used
-        // the command line to start the app).
-        //
-        // Notice that the counter didn't reset back to zero; the application
-        // state is not lost during the reload. To reset the state, use hot
-        // restart instead.
-        //
-        // This works for code too, not just values: Most code changes can be
-        // tested with just a hot reload.
-        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
         useMaterial3: true,
       ),
-      home: const MyHomePage(title: 'Flutter Demo Home Page'),
+      home: const HomePage(title: 'Comments App'),
-    );
-  }
-}
-
-class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
-
-  // This widget is the home page of your application. It is stateful, meaning
-  // that it has a State object (defined below) that contains fields that affect
-  // how it looks.
-
-  // This class is the configuration for the state. It holds the values (in this
-  // case the title) provided by the parent (in this case the App widget) and
-  // used by the build method of the State. Fields in a Widget subclass are
-  // always marked "final".
-
-  final String title;
-
-  @override
-  State<MyHomePage> createState() => _MyHomePageState();
-}
-
-class _MyHomePageState extends State<MyHomePage> {
-  int _counter = 0;
-
-  void _incrementCounter() {
-    setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
-    });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    // This method is rerun every time setState is called, for instance as done
-    // by the _incrementCounter method above.
-    //
-    // The Flutter framework has been optimized to make rerunning build methods
-    // fast, so that you can just rebuild anything that needs updating rather
-    // than having to individually change instances of widgets.
-    return Scaffold(
-      appBar: AppBar(
-        // TRY THIS: Try changing the color here to a specific color (to
-        // Colors.amber, perhaps?) and trigger a hot reload to see the AppBar
-        // change color while the other colors stay the same.
-        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
-        // Here we take the value from the MyHomePage object that was created by
-        // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
-      ),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also a layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          //
-          // TRY THIS: Invoke "debug painting" (choose the "Toggle Debug Paint"
-          // action in the IDE, or press "p" in the console), to see the
-          // wireframe for each widget.
-          mainAxisAlignment: MainAxisAlignment.center,
-          children: <Widget>[
-            const Text(
-              'You have pushed the button this many times:',
-            ),
-            Text(
-              '$_counter',
-              style: Theme.of(context).textTheme.headlineMedium,
-            ),
-          ],
-        ),
-      ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
     );
   }
 }

lib/view/details_page/details_page.dart

@@ -0,0 +1,86 @@
+import 'package:flutter/material.dart';
+import 'package:pmu_labworks/domain/models/comment.dart';
+
+class DetailsPage extends StatelessWidget {
+  final CommentModel model;
+
+  const DetailsPage(this.model, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(
+          '${_shortenNickname(model.user.nickname)}\'s comment',
+        ),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(16.0),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Stack(
+              children: [
+                ClipRRect(
+                  borderRadius: BorderRadius.circular(8.0),
+                  child: model.user.avatarUrl != null
+                      ? Image.network(
+                          model.user.avatarUrl!,
+                          height: 150,
+                          width: 150,
+                          fit: BoxFit.cover,
+                        )
+                      : Container(
+                          height: 150,
+                          width: 150,
+                          color: Colors.grey,
+                          child: const Icon(Icons.person, size: 50),
+                        ),
+                ),
+                Positioned(
+                  left: 8,
+                  bottom: 8,
+                  child: Container(
+                    padding: const EdgeInsets.symmetric(
+                        vertical: 4.0, horizontal: 8.0),
+                    color: Colors.black.withOpacity(0.6),
+                    child: Text(
+                      _shortenNickname(model.user.nickname, maxLength: 13),
+                      style: const TextStyle(
+                        color: Colors.white,
+                        fontWeight: FontWeight.bold,
+                        fontSize: 16,
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
+            const SizedBox(height: 24),
+            Text(
+              model.title,
+              style: const TextStyle(
+                fontSize: 24,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              model.text,
+              style: const TextStyle(
+                fontSize: 16,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  String _shortenNickname(String nickname, {int maxLength = 15}) {
+    if (nickname.length > maxLength) {
+      return nickname.substring(0, maxLength) + '...';
+    }
+    return nickname;
+  }
+}

lib/view/dialogs/error_dialog.dart

@@ -0,0 +1,38 @@
+import 'package:flutter/material.dart';
+
+class ErrorDialog extends StatelessWidget {
+  final String? error;
+
+  const ErrorDialog(this.error, {super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Material(
+        color: Colors.transparent,
+        child: Container(
+          margin: const EdgeInsets.all(36),
+          padding: const EdgeInsets.all(20),
+          decoration: const BoxDecoration(
+            color: Colors.grey,
+            borderRadius: BorderRadius.all(Radius.circular(10)),
+          ),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const Icon(Icons.error, color: Colors.white),
+              const SizedBox(height: 12),
+              Text(
+                error ?? 'UNKNOWN',
+                style: Theme.of(context)
+                    .textTheme
+                    .bodyLarge
+                    ?.copyWith(color: Colors.white),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/view/dialogs/show_dialog.dart

@@ -0,0 +1,12 @@
+import 'package:flutter/material.dart';
+import 'package:pmu_labworks/view/dialogs/error_dialog.dart';
+
+void showErrorDialog(
+  BuildContext context, {
+  required String? error,
+}) {
+  showDialog(
+    context: context,
+    builder: (_) => ErrorDialog(error),
+  );
+}

lib/view/home_page/comment.dart

@@ -0,0 +1,169 @@
+part of 'home_page.dart';
+
+typedef OnActionCallback = void Function(
+    String nickname, bool isLiked, bool isDisliked)?;
+
+class _Comment extends StatefulWidget {
+  final String title;
+  final String text;
+  final UserModel? user;
+  final OnActionCallback onAction;
+  final VoidCallback? onTap;
+
+  const _Comment({
+    required this.title,
+    required this.text,
+    this.user,
+    this.onAction,
+    this.onTap,
+  });
+
+  factory _Comment.fromData(
+    CommentModel model, {
+    OnActionCallback onAction,
+    VoidCallback? onTap,
+  }) =>
+      _Comment(
+        title: model.title,
+        text: model.text,
+        user: model.user,
+        onAction: onAction,
+        onTap: onTap,
+      );
+
+  @override
+  State<_Comment> createState() => _CommentState();
+}
+
+class _CommentState extends State<_Comment> {
+  bool isLiked = false;
+  bool isDisliked = false;
+
+  void _onLike() {
+    setState(() {
+      isLiked = !isLiked;
+      if (isLiked && isDisliked) {
+        isDisliked = false;
+      }
+    });
+    if (widget.onAction != null) {
+      widget.onAction?.call(widget.user!.nickname, isLiked, isDisliked);
+    }
+  }
+
+  void _onDislike() {
+    setState(() {
+      isDisliked = !isDisliked;
+      if (isDisliked && isLiked) {
+        isLiked = false;
+      }
+    });
+    if (widget.onAction != null) {
+      widget.onAction?.call(widget.user!.nickname, isLiked, isDisliked);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: widget.onTap,
+      child: Container(
+        margin: const EdgeInsets.all(16),
+        padding: const EdgeInsets.all(16),
+        decoration: BoxDecoration(
+          color: Colors.white70,
+          borderRadius: BorderRadius.circular(16),
+          border: Border.all(color: Colors.grey),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.grey.withOpacity(.5),
+              spreadRadius: 4,
+              offset: const Offset(0, 5),
+              blurRadius: 8,
+            ),
+          ],
+        ),
+        child: Row(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Column(
+              children: [
+                ClipRRect(
+                  borderRadius: BorderRadius.circular(30),
+                  child: SizedBox(
+                    height: 80,
+                    width: 80,
+                    child: widget.user!.avatarUrl != null &&
+                            widget.user!.avatarUrl!.isNotEmpty
+                        ? Image.network(
+                            widget.user!.avatarUrl!,
+                            fit: BoxFit.cover,
+                          )
+                        : Container(
+                            height: 80,
+                            width: 80,
+                            color: Colors.grey,
+                            child: const Icon(Icons.person, size: 40),
+                          ),
+                  ),
+                ),
+                const SizedBox(height: 8),
+                SizedBox(
+                  width: 80,
+                  child: Text(
+                    widget.user!.nickname,
+                    style: Theme.of(context).textTheme.bodyMedium,
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                    textAlign: TextAlign.center,
+                  ),
+                ),
+                Row(
+                  children: [
+                    IconButton(
+                      iconSize: 20,
+                      icon: Icon(
+                        isLiked ? Icons.thumb_up : Icons.thumb_up_outlined,
+                        color: isLiked ? Colors.blue : Colors.grey,
+                      ),
+                      onPressed: _onLike,
+                    ),
+                    IconButton(
+                      iconSize: 20,
+                      icon: Icon(
+                        isDisliked
+                            ? Icons.thumb_down
+                            : Icons.thumb_down_outlined,
+                        color: isDisliked ? Colors.red : Colors.grey,
+                      ),
+                      onPressed: _onDislike,
+                    ),
+                  ],
+                ),
+              ],
+            ),
+            Expanded(
+              child: Padding(
+                padding: const EdgeInsets.only(left: 16.0),
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    Text(
+                      widget.title,
+                      style: Theme.of(context).textTheme.headlineSmall,
+                    ),
+                    const SizedBox(height: 8),
+                    Text(
+                      widget.text,
+                      style: Theme.of(context).textTheme.bodyLarge,
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/view/home_page/home_page.dart

@@ -0,0 +1,170 @@
+import 'dart:math';
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:pmu_labworks/data/repositories/potterdb_repository.dart';
+import 'package:pmu_labworks/domain/models/comment.dart';
+import 'package:pmu_labworks/domain/models/user.dart';
+import 'package:pmu_labworks/view/details_page/details_page.dart';
+import 'package:pmu_labworks/view/dialogs/show_dialog.dart';
+
+part 'comment.dart';
+
+class HomePage extends StatefulWidget {
+  const HomePage({super.key, required this.title});
+
+  final String title;
+
+  @override
+  State<HomePage> createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  Color _color = Colors.transparent;
+
+  @override
+  void initState() {
+    super.initState();
+    _color = _generateColor();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        backgroundColor: _color,
+        title: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(widget.title,
+                style: TextStyle(
+                  fontSize: 20,
+                  fontWeight: FontWeight.bold,
+                )),
+            Text(
+              'made by Factorino',
+              style: TextStyle(
+                fontSize: 12,
+                fontStyle: FontStyle.italic,
+              ),
+            ),
+          ],
+        ),
+      ),
+      body: const Body(),
+    );
+  }
+
+  Color _generateColor() {
+    final Random random = Random();
+    final int red = (random.nextInt(106) + 150);
+    final int green = (random.nextInt(106) + 150);
+    final int blue = (random.nextInt(106) + 150);
+
+    return Color.fromARGB(255, red, green, blue);
+  }
+}
+
+class Body extends StatefulWidget {
+  const Body({super.key});
+
+  @override
+  State<Body> createState() => _BodyState();
+}
+
+class _BodyState extends State<Body> {
+  final searchController = TextEditingController();
+  late Future<List<CommentModel>?> data;
+
+  final repo = PotterDBRepository();
+
+  @override
+  void initState() {
+    data = repo.loadData(onError: (e) => showErrorDialog(context, error: e));
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    searchController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: EdgeInsets.only(top: MediaQuery.of(context).padding.top),
+      child: Column(
+        children: [
+          Padding(
+            padding: const EdgeInsets.all(12),
+            child: CupertinoSearchTextField(
+              controller: searchController,
+              onChanged: (search) {
+                setState(() {
+                  data = repo.loadData(q: search);
+                });
+              },
+            ),
+          ),
+          Expanded(
+            child: Center(
+              child: FutureBuilder<List<CommentModel>?>(
+                future: data,
+                builder: (context, snapshot) => SingleChildScrollView(
+                  child: snapshot.hasData
+                      ? Column(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          children: snapshot.data?.map((data) {
+                                return _Comment.fromData(
+                                  data,
+                                  onAction: (String nickname, bool isLiked,
+                                          bool isDisliked) =>
+                                      _showSnackBar(context, nickname, isLiked,
+                                          isDisliked),
+                                  onTap: () => _navToDetails(context, data),
+                                );
+                              }).toList() ??
+                              [],
+                        )
+                      : const CircularProgressIndicator(),
+                ),
+              ),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _navToDetails(BuildContext context, CommentModel data) {
+    Navigator.push(
+      context,
+      CupertinoPageRoute(builder: (context) => DetailsPage(data)),
+    );
+  }
+
+  void _showSnackBar(
+      BuildContext context, String nickname, bool isLiked, bool isDisliked) {
+    WidgetsBinding.instance.addPostFrameCallback((_) {
+      final String action;
+
+      if (isLiked) {
+        action = 'liked';
+      } else if (isDisliked) {
+        action = 'disliked';
+      } else {
+        action = 'neutralized'; // Состояние без лайков/дизлайков
+      }
+
+      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
+        content: Text(
+          '$nickname\'s comment $action',
+          style: Theme.of(context).textTheme.bodyLarge,
+        ),
+        backgroundColor: Colors.white70,
+        duration: const Duration(seconds: 1),
+      ));
+    });
+  }
+}

pubspec.lock

@@ -1,6 +1,35 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  _fe_analyzer_shared:
+    dependency: transitive
+    description:
+      name: _fe_analyzer_shared
+      sha256: f256b0c0ba6c7577c15e2e4e114755640a875e885099367bf6e012b19314c834
+      url: "https://pub.dev"
+    source: hosted
+    version: "72.0.0"
+  _macros:
+    dependency: transitive
+    description: dart
+    source: sdk
+    version: "0.3.2"
+  analyzer:
+    dependency: transitive
+    description:
+      name: analyzer
+      sha256: b652861553cd3990d8ed361f7979dc6d7053a9ac8843fa73820ab68ce5410139
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.7.0"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: "7cf60b9f0cc88203c5a190b4cd62a99feea42759a7fa695010eb5de1c0b2252a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.5.0"
   async:
     dependency: transitive
     description:
@@ -17,6 +46,70 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.1"
+  build:
+    dependency: transitive
+    description:
+      name: build
+      sha256: "80184af8b6cb3e5c1c4ec6d8544d27711700bc3e6d2efad04238c7b5290889f0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.1"
+  build_config:
+    dependency: transitive
+    description:
+      name: build_config
+      sha256: bf80fcfb46a29945b423bd9aad884590fb1dc69b330a4d4700cac476af1708d1
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
+  build_daemon:
+    dependency: transitive
+    description:
+      name: build_daemon
+      sha256: "79b2aef6ac2ed00046867ed354c88778c9c0f029df8a20fe10b5436826721ef9"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
+  build_resolvers:
+    dependency: transitive
+    description:
+      name: build_resolvers
+      sha256: "339086358431fa15d7eca8b6a36e5d783728cf025e559b834f4609a1fcfb7b0a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
+  build_runner:
+    dependency: "direct dev"
+    description:
+      name: build_runner
+      sha256: dd09dd4e2b078992f42aac7f1a622f01882a8492fef08486b27ddde929c19f04
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.12"
+  build_runner_core:
+    dependency: transitive
+    description:
+      name: build_runner_core
+      sha256: f8126682b87a7282a339b871298cc12009cb67109cfa1614d6436fb0289193e0
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.3.2"
+  built_collection:
+    dependency: transitive
+    description:
+      name: built_collection
+      sha256: "376e3dd27b51ea877c28d525560790aee2e6fbb5f20e2f85d5081027d94e2100"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.1.1"
+  built_value:
+    dependency: transitive
+    description:
+      name: built_value
+      sha256: c7913a9737ee4007efedaffc968c049fd0f3d0e49109e778edc10de9426005cb
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.9.2"
   characters:
     dependency: transitive
     description:
@@ -25,6 +118,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      sha256: feb6bed21949061731a7a75fc5d2aa727cf160b91af9a3e464c5e3a32e28b5ff
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.3"
   clock:
     dependency: transitive
     description:
@@ -33,6 +134,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.1.1"
+  code_builder:
+    dependency: transitive
+    description:
+      name: code_builder
+      sha256: f692079e25e7869c14132d39f223f8eec9830eb76131925143b2129c4bb01b37
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.10.0"
   collection:
     dependency: transitive
     description:
@@ -41,6 +150,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.18.0"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      sha256: "0f08b14755d163f6e2134cb58222dd25ea2a2ee8a195e53983d57c075324d592"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.1"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      sha256: ec30d999af904f33454ba22ed9a86162b35e52b44ac4807d1d93c288041d7d27
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.5"
   cupertino_icons:
     dependency: "direct main"
     description:
@@ -49,6 +174,30 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.0.8"
+  dart_style:
+    dependency: transitive
+    description:
+      name: dart_style
+      sha256: "7856d364b589d1f08986e140938578ed36ed948581fbc3bc9aef1805039ac5ab"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.7"
+  dio:
+    dependency: "direct main"
+    description:
+      name: dio
+      sha256: "5598aa796bbf4699afd5c67c0f5f6e2ed542afc956884b9cd58c306966efc260"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.7.0"
+  dio_web_adapter:
+    dependency: transitive
+    description:
+      name: dio_web_adapter
+      sha256: "33259a9276d6cea88774a0000cfae0d861003497755969c92faa223108620dc8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
   fake_async:
     dependency: transitive
     description:
@@ -57,6 +206,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.0"
+  fixnum:
+    dependency: transitive
+    description:
+      name: fixnum
+      sha256: "25517a4deb0c03aa0f32fd12db525856438902d9c16536311e76cdc57b31d7d1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -75,6 +240,78 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  frontend_server_client:
+    dependency: transitive
+    description:
+      name: frontend_server_client
+      sha256: f64a0333a82f30b0cca061bc3d143813a486dc086b574bfb233b7c1372427694
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  glob:
+    dependency: transitive
+    description:
+      name: glob
+      sha256: "0e7014b3b7d4dac1ca4d6114f82bf1782ee86745b9b42a92c9289c23d8a0ab63"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  graphs:
+    dependency: transitive
+    description:
+      name: graphs
+      sha256: "741bbf84165310a68ff28fe9e727332eef1407342fca52759cb21ad8177bb8d0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  http_multi_server:
+    dependency: transitive
+    description:
+      name: http_multi_server
+      sha256: "97486f20f9c2f7be8f514851703d0119c3596d14ea63227af6f7a481ef2b2f8b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.1"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.2"
+  io:
+    dependency: transitive
+    description:
+      name: io
+      sha256: "2ec25704aba361659e10e3e5f5d672068d332fc8ac516421d483a11e5cbd061e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.4"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: c1b2e9b5ea78c45e1a0788d29606ba27dc5f71f019f32ca5140f61ef071838cf
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.1"
+  json_annotation:
+    dependency: "direct main"
+    description:
+      name: json_annotation
+      sha256: "1ce844379ca14835a50d2f019a3099f419082cfdd231cd86a142af94dd5c6bb1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.9.0"
+  json_serializable:
+    dependency: "direct dev"
+    description:
+      name: json_serializable
+      sha256: ea1432d167339ea9b5bb153f0571d0039607a873d6e04e0117af043f14a1fd4b
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.8.0"
   leak_tracker:
     dependency: transitive
     description:
@@ -107,6 +344,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "4.0.0"
+  logging:
+    dependency: transitive
+    description:
+      name: logging
+      sha256: "623a88c9594aa774443aa3eb2d41807a48486b5613e67599fb4c41c0ad47c340"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.0"
+  macros:
+    dependency: transitive
+    description:
+      name: macros
+      sha256: "0acaed5d6b7eab89f63350bccd82119e6c602df0f391260d0e32b5e23db79536"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.2-main.4"
   matcher:
     dependency: transitive
     description:
@@ -131,6 +384,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.15.0"
+  mime:
+    dependency: transitive
+    description:
+      name: mime
+      sha256: "801fd0b26f14a4a58ccb09d5892c3fbdeff209594300a542492cf13fba9d247a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.6"
+  package_config:
+    dependency: transitive
+    description:
+      name: package_config
+      sha256: "1c5b77ccc91e4823a5af61ee74e6b972db1ef98c2ff5a18d3161c982a55448bd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   path:
     dependency: transitive
     description:
@@ -139,11 +408,75 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.9.0"
+  pool:
+    dependency: transitive
+    description:
+      name: pool
+      sha256: "20fe868b6314b322ea036ba325e6fc0711a22948856475e2c2b6306e8ab39c2a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.1"
+  pretty_dio_logger:
+    dependency: "direct main"
+    description:
+      name: pretty_dio_logger
+      sha256: "36f2101299786d567869493e2f5731de61ce130faa14679473b26905a92b6407"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.0"
+  pub_semver:
+    dependency: transitive
+    description:
+      name: pub_semver
+      sha256: "40d3ab1bbd474c4c2328c91e3a7df8c6dd629b79ece4c4bd04bee496a224fb0c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  pubspec_parse:
+    dependency: transitive
+    description:
+      name: pubspec_parse
+      sha256: c799b721d79eb6ee6fa56f00c04b472dcd44a30d258fac2174a6ec57302678f8
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.0"
+  shelf:
+    dependency: transitive
+    description:
+      name: shelf
+      sha256: ad29c505aee705f41a4d8963641f91ac4cee3c8fad5947e033390a7bd8180fa4
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.1"
+  shelf_web_socket:
+    dependency: transitive
+    description:
+      name: shelf_web_socket
+      sha256: "073c147238594ecd0d193f3456a5fe91c4b0abbcc68bf5cd95b36c4e194ac611"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
+  source_gen:
+    dependency: transitive
+    description:
+      name: source_gen
+      sha256: "14658ba5f669685cd3d63701d01b31ea748310f7ab854e471962670abcf57832"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.0"
+  source_helper:
+    dependency: transitive
+    description:
+      name: source_helper
+      sha256: "6adebc0006c37dd63fe05bca0a929b99f06402fc95aa35bf36d67f5c06de01fd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.4"
   source_span:
     dependency: transitive
     description:
@@ -168,6 +501,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.2"
+  stream_transform:
+    dependency: transitive
+    description:
+      name: stream_transform
+      sha256: "14a00e794c7c11aa145a170587321aedce29769c08d7f58b1d141da75e3b1c6f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
@@ -192,6 +533,22 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "0.7.2"
+  timing:
+    dependency: transitive
+    description:
+      name: timing
+      sha256: "70a3b636575d4163c477e6de42f247a23b315ae20e86442bebe32d3cabf61c32"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.1"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.3.2"
   vector_math:
     dependency: transitive
     description:
@@ -208,6 +565,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "14.2.5"
+  watcher:
+    dependency: transitive
+    description:
+      name: watcher
+      sha256: "3d2ad6751b3c16cf07c7fca317a1413b3f26530319181b37e3b9039b84fc01d8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  web:
+    dependency: transitive
+    description:
+      name: web
+      sha256: cd3543bd5798f6ad290ea73d210f423502e71900302dde696f8bff84bf89a1cb
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  web_socket:
+    dependency: transitive
+    description:
+      name: web_socket
+      sha256: "3c12d96c0c9a4eec095246debcea7b86c0324f22df69893d538fcc6f1b8cce83"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.6"
+  web_socket_channel:
+    dependency: transitive
+    description:
+      name: web_socket_channel
+      sha256: "9f187088ed104edd8662ca07af4b124465893caf063ba29758f97af57e61da8f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.1"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
 sdks:
   dart: ">=3.5.2 <4.0.0"
   flutter: ">=3.18.0-18.0.pre.54"

pubspec.yaml

@@ -36,6 +36,10 @@ dependencies:
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.8
 
+  json_annotation: ^4.8.1
+  dio: ^5.4.2+1
+  pretty_dio_logger: ^1.3.1
+
 dev_dependencies:
   flutter_test:
     sdk: flutter
@@ -47,6 +51,9 @@ dev_dependencies:
   # rules and activating additional ones.
   flutter_lints: ^4.0.0
 
+  build_runner: ^2.4.9
+  json_serializable: ^6.7.1
+
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec