chore: use pin and encryption streams

Author: Feichtmeier

devtools_options.yaml

@@ -0,0 +1,3 @@
+description: This file stores settings for Dart & Flutter DevTools.
+documentation: https://docs.flutter.dev/tools/devtools/extensions#configure-extension-enablement-states
+extensions:

lib/chat/chat_room/common/view/chat_create_or_edit_room_dialog.dart

@@ -250,11 +250,12 @@ class _ChatCreateOrEditRoomDialogState
                           false
                   ? null
                   : (v) {
-                      if (widget.room != null) {
-                        widget.room!.enableEncryption();
-                      }
-
                       setState(() => _enableEncryption = v);
+
+                      if (_enableEncryption &&
+                          widget.room?.encrypted == false) {
+                        widget.room?.enableEncryption();
+                      }
                     },
             ),
             title: Text(l10n.encrypted),

lib/chat/chat_room/titlebar/chat_room_encryption_status_button.dart

@@ -1,11 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:matrix/matrix.dart';
+import 'package:watch_it/watch_it.dart';
 import 'package:yaru/yaru.dart';
 
 import '../../../common/view/build_context_x.dart';
 import '../../../l10n/l10n.dart';
+import '../../common/chat_model.dart';
 
-class ChatRoomEncryptionStatusButton extends StatelessWidget {
+class ChatRoomEncryptionStatusButton extends StatelessWidget with WatchItMixin {
   const ChatRoomEncryptionStatusButton({
     super.key,
     required this.room,
@@ -18,10 +20,16 @@ class ChatRoomEncryptionStatusButton extends StatelessWidget {
     final l10n = context.l10n;
     final colorScheme = context.colorScheme;
 
+    final encrypted = watchStream(
+          (ChatModel m) =>
+              m.getJoinedRoomUpdate(room.id).map((e) => room.encrypted),
+          initialValue: room.encrypted,
+        ).data ??
+        false;
+
     return IconButton(
-      key: ValueKey('${room.id}${room.encrypted}'),
       onPressed: null,
-      tooltip: room.encrypted ? l10n.encrypted : l10n.encryptionNotEnabled,
+      tooltip: encrypted ? l10n.encrypted : l10n.encryptionNotEnabled,
       icon: !room.encrypted
           ? Icon(YaruIcons.shield_warning, color: colorScheme.onSurface)
           : Icon(YaruIcons.shield_filled, color: colorScheme.onSurface),

lib/chat/chat_room/titlebar/chat_room_pin_button.dart

@@ -1,10 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:matrix/matrix.dart';
+import 'package:watch_it/watch_it.dart';
 import 'package:yaru/yaru.dart';
 
 import '../../../common/view/build_context_x.dart';
+import '../../common/chat_model.dart';
 
-class ChatRoomPinButton extends StatelessWidget {
+class ChatRoomPinButton extends StatelessWidget with WatchItMixin {
   const ChatRoomPinButton({
     super.key,
     required this.room,
@@ -14,12 +16,18 @@ class ChatRoomPinButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final isFavourite = watchStream(
+          (ChatModel m) =>
+              m.getJoinedRoomUpdate(room.id).map((e) => room.isFavourite),
+          initialValue: room.isFavourite,
+        ).data ??
+        false;
+
     return IconButton(
-      key: ValueKey('${room.id}fav'),
       onPressed: () => room.setFavourite(!room.isFavourite),
       icon: Icon(
         YaruIcons.pin,
-        color: room.isFavourite ? context.colorScheme.primary : null,
+        color: isFavourite ? context.colorScheme.primary : null,
       ),
     );
   }