add keys to improve layout shifts

Author: leo-lox

lib/presentation_layer/components/note_card/name_row.dart

@@ -1,14 +1,14 @@
-import 'package:camelus/config/palette.dart';
-import 'package:camelus/domain_layer/entities/user_metadata.dart';
-import 'package:camelus/helpers/helpers.dart';
-import 'package:camelus/presentation_layer/atoms/nip_05_text.dart';
-import 'package:camelus/presentation_layer/providers/nip05_provider.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_svg/flutter_svg.dart';
+
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:intl/intl.dart';
 import 'package:timeago/timeago.dart' as timeago;
 
+import '../../../config/palette.dart';
+import '../../../domain_layer/entities/user_metadata.dart';
+import '../../../helpers/helpers.dart';
+import '../../atoms/nip_05_text.dart';
+
 class NoteCardNameRow extends ConsumerStatefulWidget {
   final UserMetadata? myMetadata;
   final String pubkey;
@@ -86,6 +86,7 @@ class _NoteCardNameRowState extends ConsumerState<NoteCardNameRow> {
                 ],
               ),
               Nip05Text(
+                key: widget.key,
                 pubkey: widget.pubkey,
                 nip05verified: widget.myMetadata?.nip05,
               ),

lib/presentation_layer/components/note_card/note_card.dart

@@ -47,9 +47,23 @@ class NoteCard extends StatelessWidget {
                 child: Column(
                   crossAxisAlignment: CrossAxisAlignment.start,
                   children: [
-                    _buildNameRow(context),
+                    NoteCardNameRow(
+                      key: ValueKey("${note.id}name_row"),
+                      createdAt: note.created_at,
+                      myMetadata: myMetadata,
+                      pubkey: note.pubkey,
+                    ),
                     const SizedBox(height: 10),
-                    _buildNoteContent(context),
+                    NoteCardSplitContent(
+                      key: ValueKey("${note.id}split_content"),
+                      note: note,
+                      profileCallback: (String pubkey) => Navigator.pushNamed(
+                          context, "/nostr/profile",
+                          arguments: pubkey),
+                      hashtagCallback: (String hashtag) => Navigator.pushNamed(
+                          context, "/nostr/hastag",
+                          arguments: hashtag),
+                    ),
                   ],
                 ),
               ),
@@ -112,24 +126,6 @@ class NoteCard extends StatelessWidget {
     );
   }
 
-  Widget _buildNameRow(BuildContext context) {
-    return NoteCardNameRow(
-      createdAt: note.created_at,
-      myMetadata: myMetadata,
-      pubkey: note.pubkey,
-    );
-  }
-
-  Widget _buildNoteContent(BuildContext context) {
-    return NoteCardSplitContent(
-      note: note,
-      profileCallback: (String pubkey) =>
-          Navigator.pushNamed(context, "/nostr/profile", arguments: pubkey),
-      hashtagCallback: (String hashtag) =>
-          Navigator.pushNamed(context, "/nostr/hastag", arguments: hashtag),
-    );
-  }
-
   Widget _buildBottomActionRow(BuildContext context) {
     return BottomActionRow(
       key: ValueKey("${note.id}bottom_action_row"),