feature(blogPosts): refactor main screen

2024-07-29 15:55:48 +03:00
parent f96c6b53d6
commit 2b3a3a0e93
7 changed files with 386 additions and 8 deletions
--- a/lib/features/feed/presentation/widgets/blog_post_widget.dart
+++ b/lib/features/feed/presentation/widgets/blog_post_widget.dart
@@ -0,0 +1,129 @@
+import 'package:cached_network_image/cached_network_image.dart';
+import 'package:dismissible_page/dismissible_page.dart';
+import 'package:eatvio_app/core/app_export.dart';
+import 'package:eatvio_app/features/chat/presentation/pages/photo_view_screen.dart';
+import 'package:eatvio_app/features/feed/models/feed_blog_post_model.dart';
+import 'package:flutter/material.dart';
+
+class BlogPostWidget extends StatefulWidget {
+  final FeedBlogPostModel feedBlogPostModel;
+
+  const BlogPostWidget({super.key, required this.feedBlogPostModel});
+
+  @override
+  State<BlogPostWidget> createState() => _BlogPostWidgetState();
+}
+
+class _BlogPostWidgetState extends State<BlogPostWidget> {
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () {},
+      child: Ink(
+        decoration: BoxDecoration(
+          borderRadius: BorderRadius.circular(12),
+          color: Colors.white,
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            SizedBox(height: 12),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Row(
+                children: [
+                  CircleAvatar(radius: 20),
+                  SizedBox(width: 8),
+                  Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      Text('Имя автора'),
+                      Text('Время поста'),
+                    ],
+                  ),
+                ],
+              ),
+            ),
+            SizedBox(height: 12),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Text(widget.feedBlogPostModel.title),
+            ),
+            SizedBox(height: 8),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Text(widget.feedBlogPostModel.description),
+            ),
+            SizedBox(height: 8),
+            GestureDetector(
+              onTap: () {
+                context.pushTransparentRoute(
+                  rootNavigator: true,
+                  PhotoViewScreen(
+                    imageUrls: [baseUrl + '/storage/' + widget.feedBlogPostModel.image],
+                    index: 0,
+                  ),
+                );
+              },
+              child: Hero(
+                tag: baseUrl + '/storage/' + widget.feedBlogPostModel.image,
+                child: CachedNetworkImage(
+                  imageUrl: baseUrl + '/storage/' + widget.feedBlogPostModel.image,
+                ),
+              ),
+            ),
+            SizedBox(height: 8),
+            Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 12),
+              child: Row(
+                children: [
+                  _iconButton(Icons.favorite_border_rounded),
+                  SizedBox(width: 8),
+                  _iconButton(Icons.mode_comment_outlined),
+                  SizedBox(width: 8),
+                  _iconButton(Icons.reply_rounded),
+                ],
+              ),
+            ),
+            SizedBox(height: 8),
+          ],
+        ),
+      ),
+    );
+  }
+
+  _iconButton(IconData icon, [String? text]) {
+    return InkWell(
+      onTap: () {},
+      borderRadius: BorderRadius.circular(16),
+      child: Ink(
+        padding: EdgeInsets.symmetric(horizontal: 12, vertical: 4),
+        decoration: BoxDecoration(
+          color: appTheme.gray100,
+          borderRadius: BorderRadius.circular(16),
+        ),
+        height: 32,
+        child: Row(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(
+              icon,
+              size: 20,
+              color: appTheme.gray600,
+            ),
+            if (text != null) SizedBox(width: 8),
+            if (text != null)
+              Text(
+                text,
+                style: TextStyle(
+                  color: appTheme.gray600,
+                  fontWeight: FontWeight.w500,
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}