Fancy Posts

packages/app/lib/src/app/wrapper_page.dart

@@ -121,11 +121,11 @@
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final formKey = useGlobalKey<FormState>();
     final title = useState('');
     final description = useState('');
     final id = ref.watch(idProvider);
     final username = ref.watch(usernameProvider);
 
     final handleSubmit = useCallback(
       () async {
@@ -157,6 +157,7 @@
               description.value,
               lat,
               lng,
+              0,
               null,
             );
 
@@ -172,43 +173,43 @@
     );
 
     return Dialog(
       insetPadding: EdgeInsets.symmetric(
         horizontal: MediaQuery.sizeOf(context).width / 8,
         vertical: MediaQuery.sizeOf(context).height / 8,
       ),
       shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(16)),
       child: Padding(
         padding: const EdgeInsets.all(40),
         child: Scaffold(
           appBar: AppBar(
             title: const Text('Create a New Post'),
           ),
           body: Form(
             key: formKey,
             child: Padding(
               padding: const EdgeInsets.all(16),
               child: Column(
                 children: [
                   TextFormField(
                     initialValue: title.value,
                     onSaved: (value) {
                       if (value == null) return;
 
                       title.value = value;
                     },
                     decoration: const InputDecoration(label: Text('Title')),
                   ),
                   TextFormField(
                     initialValue: description.value,
                     onSaved: (value) {
                       if (value == null) return;
 
                       description.value = value;
                     },
                     decoration:
                         const InputDecoration(label: Text('Description')),
                   ),
                   ElevatedButton(
                     onPressed: handleSubmit,
                     child: const Text('Create Post'),
                   ),

packages/app/lib/src/features/home/data/post_repository.dart

@@ -37,6 +37,7 @@
     String? description,
     double lat,
     double lng,
+    int numberOfLikes,
     String? image,
   );
 }
@@ -67,13 +68,13 @@
       databaseId: databaseId,
       collectionId: collectionId,
       queries: [
         Query.orderDesc('timestamp'),
         ...switch (feed) {
           LocalFeed(:final lat, :final lng) => [
               Query.between('lat', lat - 2, lat + 2),
               Query.between('lng', lng - 2, lng + 2),
             ],
           WorldFeed() => [],
         },
         if (cursor != null) Query.cursorAfter(cursor),
         Query.limit(pageSize),
@@ -94,6 +95,7 @@
     String? description,
     double lat,
     double lng,
+    int numberOfLikes,
     String? image,
   ) async {
     await database.createDocument(
@@ -105,11 +107,12 @@
         'headline': headline,
         'description': description,
         'author': author,
         'authorName': authorName,
         'lat': lat,
         'lng': lng,
+        'numberOfLikes': numberOfLikes,
         'timestamp':
             DateFormat('yyyy-MM-ddTHH:mm:ss').format(DateTime.timestamp()),
         // TODO(MattAttack): add images
       },
     );

packages/app/lib/src/features/home/domain/post_entity.dart

@@ -37,6 +37,9 @@ sealed class PostEntity with _$PostEntity {
     ///
     required DateTime timestamp,
 
+    ///
+    required int numberOfLikes,
+
     /// An optional media to display alongside the post.
     String? image,
 

packages/app/lib/src/features/home/presentation/home/feed.dart

@@ -49,6 +49,7 @@ class Feed extends ConsumerWidget {
                     authorName: '',
                     lat: 0,
                     lng: 0,
+                    numberOfLikes: 0,
                     timestamp: DateTime.timestamp(),
                   ),
                 ),

packages/app/lib/src/features/home/presentation/home/post.dart

@@ -2,6 +2,7 @@
 
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 
 import '../../application/avatar_service.dart';
@@ -32,6 +33,7 @@
             _PosterInfo(post: post),
             const Divider(color: Colors.white), //TODObase on theme
             _PostBody(post: post),
+            _PostInteractables(post: post),
           ],
         ),
       ),
@@ -67,48 +69,48 @@
     final avatar = _PostAvatar(post: post);
     if (timeSincePost.inDays > 364) {
       //TODOwrite more efficient code with variables
       timeValue = (timeSincePost.inDays / 364).round();
       switch (timeValue) {
         case 1:
           timePostValue = '$timeValue year ago';
         default:
           timePostValue = '$timeValue years ago';
       }
     } else if (timeSincePost.inDays >= 1) {
       timeValue = timeSincePost.inDays;
       switch (timeValue) {
         case 1:
           timePostValue = '$timeValue day ago';
         default:
           timePostValue = '$timeValue days ago';
       }
     } else if (timeSincePost.inHours >= 1) {
       timeValue = timeSincePost.inHours;
       switch (timeValue) {
         case 1:
           timePostValue = '$timeValue hour ago';
         default:
           timePostValue = '$timeValue hours ago';
       }
     } else if (timeSincePost.inMinutes >= 1) {
       timeValue = timeSincePost.inMinutes;
       switch (timeValue) {
         case 1:
           timePostValue = '$timeValue minute ago';
         default:
           timePostValue = '$timeValue minutes ago';
       }
     } else {
       timeValue = timeSincePost.inSeconds;
       if (timeValue < 1) {
         // In case post was made miliseconds ago
         timeValue = 1;
       }
       switch (timeValue) {
         case 1:
           timePostValue = '$timeValue second ago';
         default:
           timePostValue = '$timeValue seconds ago';
       }
     }
     return Row(
@@ -146,7 +148,7 @@
 
     return switch (avatar) {
       AsyncData(:final value) => CircleAvatar(
           backgroundImage: MemoryImage(value),
         ),
       AsyncError() => const Text('Error loading avatar'),
       _ => const CircularProgressIndicator()
@@ -198,3 +200,40 @@
   }
   // coverage:ignore-end
 }
+
+class _PostInteractables extends HookWidget {
+  const _PostInteractables({
+    required this.post,
+    // Temporary ignore, see <dart-lang/sdk#49025>.
+    // ignore: unused_element
+    super.key,
+  });
+
+  final PostEntity post;
+
+  @override
+  Widget build(BuildContext context) {
+    final thumbsIcon = useState(const Icon(Icons.thumb_up_outlined));
+    return Row(
+      children: [
+        Text(post.numberOfLikes.toString()),
+        IconButton(
+          onPressed: () {
+            if (thumbsIcon.value.icon == Icons.thumb_up_outlined) {
+              thumbsIcon.value = const Icon(Icons.thumb_up_sharp);
+            } else {
+              thumbsIcon.value = const Icon(Icons.thumb_up_outlined);
+            }
+          },
+          icon: thumbsIcon.value,
+        ),
+      ],
+    );
+  }
+
+  @override
+  void debugFillProperties(DiagnosticPropertiesBuilder properties) {
+    super.debugFillProperties(properties);
+    properties.add(DiagnosticsProperty<PostEntity>('post', post));
+  }
+}