abstract ColorHash into its own extension

lib/helpers/extensions/string_to_color.dart

@@ -0,0 +1,6 @@
+import "package:color_hash/color_hash.dart";
+import "package:flutter/material.dart";
+
+extension ToColor on String {
+  Color get colorHash => ColorHash(this, lightness: .7, saturation: .7).color;
+}

lib/widgets/lazy_loading/message_displayname.dart

@@ -1,10 +1,10 @@
-import "package:color_hash/color_hash.dart";
 import "package:flutter/material.dart";
 import "package:flutter_riverpod/flutter_riverpod.dart";
 import "package:nexus/controllers/author_controller.dart";
 import "package:nexus/helpers/extensions/better_when.dart";
 import "package:nexus/helpers/extensions/get_localpart.dart";
 import "package:nexus/helpers/extensions/show_user_popover.dart";
+import "package:nexus/helpers/extensions/string_to_color.dart";
 import "package:nexus/models/event.dart";
 
 class MessageDisplayname extends ConsumerWidget {
@@ -35,11 +35,7 @@ class MessageDisplayname extends ConsumerWidget {
             style:
                 style ??
                 TextStyle(
-                  color: ColorHash(
+                  color: event.sender.colorHash,
-                    event.sender,
-                    lightness: .7,
-                    saturation: .7,
-                  ).color,
                   fontWeight: FontWeight.bold,
                 ),
             maxLines: 1,

lib/widgets/member_list.dart

@@ -1,10 +1,10 @@
-import "package:color_hash/color_hash.dart";
 import "package:flutter/material.dart";
 import "package:flutter_hooks/flutter_hooks.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
 import "package:nexus/controllers/members_by_status_controller.dart";
 import "package:nexus/helpers/extensions/get_localpart.dart";
 import "package:nexus/helpers/extensions/show_user_popover.dart";
+import "package:nexus/helpers/extensions/string_to_color.dart";
 import "package:nexus/models/configs/members_by_status_config.dart";
 import "package:nexus/models/content/membership.dart";
 import "package:nexus/models/membership_status.dart";
@@ -94,11 +94,7 @@ class MemberList extends HookConsumerWidget {
                                 displayName ?? member.stateKey!.localpart,
                                 overflow: TextOverflow.ellipsis,
                                 style: TextStyle(
-                                  color: ColorHash(
+                                  color: member.stateKey!.colorHash,
-                                    member.stateKey!,
-                                    lightness: .7,
-                                    saturation: .8,
-                                  ).color,
                                   fontWeight: FontWeight.bold,
                                 ),
                               ),

lib/widgets/renderers/membership.dart

@@ -1,7 +1,7 @@
-import "package:color_hash/color_hash.dart";
 import "package:flutter/material.dart";
 import "package:nexus/helpers/extensions/get_localpart.dart";
 import "package:nexus/helpers/extensions/show_user_popover.dart";
+import "package:nexus/helpers/extensions/string_to_color.dart";
 import "package:nexus/models/content/membership.dart";
 import "package:nexus/models/event.dart";
 import "package:nexus/models/membership_status.dart";
@@ -41,11 +41,7 @@ class MembershipRenderer extends StatelessWidget {
                     content.displayName ?? event.stateKey!.localpart,
                     maxLines: 1,
                     style: TextStyle(
-                      color: ColorHash(
+                      color: event.sender.colorHash,
-                        event.sender,
-                        lightness: .7,
-                        saturation: .7,
-                      ).color,
                       fontWeight: FontWeight.bold,
                     ),
                   ),