feat: fix loading icon size

Author: xsahil03x

packages/stream_chat_flutter/example/lib/main.dart

@@ -333,6 +333,7 @@ class _ChannelPageState extends State<ChannelPage> {
                   ),
                 ),
                 StreamMessageInput(
+                  enableVoiceRecording: true,
                   onQuotedMessageCleared:
                       messageInputController.clearQuotedMessage,
                   focusNode: focusNode,
@@ -381,6 +382,7 @@ class ThreadPage extends StatelessWidget {
             ),
           ),
           StreamMessageInput(
+            enableVoiceRecording: true,
             messageInputController: StreamMessageInputController(
               message: Message(parentId: parent.id),
             ),

packages/stream_chat_flutter/lib/src/attachment/voice_recording_attachment.dart

@@ -294,18 +294,9 @@ class AudioControlButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final streamTheme = StreamChatTheme.of(context);
     final theme = StreamVoiceRecordingTheme.of(context).playerTheme;
 
-    final child = switch (state) {
-      TrackState.loading => SizedBox.fromSize(
-          size: const Size(24, 24),
-          child: const Center(child: CircularProgressIndicator.adaptive()),
-        ),
-      TrackState.idle => Icon(theme.playIcon, color: theme.iconColor),
-      TrackState.playing => Icon(theme.pauseIcon, color: theme.iconColor),
-      TrackState.paused => Icon(theme.playIcon, color: theme.iconColor),
-    };
-
     return ElevatedButton(
       style: ElevatedButton.styleFrom(
         elevation: theme.buttonElevation,
@@ -322,7 +313,21 @@ class AudioControlButton extends StatelessWidget {
         TrackState.playing => onPause,
         TrackState.paused => onPlay,
       },
-      child: child,
+      child: switch (state) {
+        TrackState.loading => SizedBox.fromSize(
+            size: const Size.square(24 - /* Padding */ 2),
+            child: Center(
+              child: CircularProgressIndicator.adaptive(
+                valueColor: AlwaysStoppedAnimation(
+                  streamTheme.colorTheme.accentPrimary,
+                ),
+              ),
+            ),
+          ),
+        TrackState.idle => Icon(theme.playIcon, color: theme.iconColor),
+        TrackState.playing => Icon(theme.pauseIcon, color: theme.iconColor),
+        TrackState.paused => Icon(theme.playIcon, color: theme.iconColor),
+      },
     );
   }
 }

packages/stream_chat_flutter/lib/src/message_input/audio_recorder/stream_audio_recorder.dart

@@ -612,14 +612,23 @@ class PlaybackControlButton extends StatelessWidget {
 
     return StreamMessageInputIconButton(
       color: theme.colorTheme.accentPrimary,
-      onPressed: () => switch (state) {
+      onPressed: switch (state) {
         TrackState.loading => null,
-        TrackState.idle => onPlay?.call(),
-        TrackState.playing => onPause?.call(),
-        TrackState.paused => onPlay?.call(),
+        TrackState.idle => onPlay,
+        TrackState.playing => onPause,
+        TrackState.paused => onPlay,
       },
       icon: switch (state) {
-        TrackState.loading => const CircularProgressIndicator(),
+        TrackState.loading => SizedBox.fromSize(
+            size: const Size.square(24 - /* Padding */ 2),
+            child: Center(
+              child: CircularProgressIndicator.adaptive(
+                valueColor: AlwaysStoppedAnimation(
+                  theme.colorTheme.accentPrimary,
+                ),
+              ),
+            ),
+          ),
         TrackState.idle => const StreamSvgIcon(icon: StreamSvgIcons.play),
         TrackState.paused => const StreamSvgIcon(icon: StreamSvgIcons.play),
         TrackState.playing => const StreamSvgIcon(icon: StreamSvgIcons.pause),