WIP: Like button

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

@@ -157,6 +157,7 @@ class _Dialog extends HookConsumerWidget {
               description.value,
               lat,
               lng,
+              0,
               null,
             );
 

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

@@ -37,6 +37,7 @@ abstract interface class PostRepository {
     String? description,
     double lat,
     double lng,
+    int numberOfLikes,
     String? image,
   );
 }
@@ -94,6 +95,7 @@ final class _AppwritePostRepository implements PostRepository {
     String? description,
     double lat,
     double lng,
+    int numberOfLikes,
     String? image,
   ) async {
     await database.createDocument(
@@ -108,6 +110,7 @@ final class _AppwritePostRepository implements PostRepository {
         '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 @@ class Post extends StatelessWidget {
             _PosterInfo(post: post),
             const Divider(color: Colors.white), //TODObase on theme
             _PostBody(post: post),
+            _PostInteractables(post: post),
           ],
         ),
       ),
@@ -198,3 +200,40 @@ class _PostBody extends StatelessWidget {
   }
   // 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));
+  }
+}