feat: Changed sending indicator icons to svg icons

lib/src/channel_list_view.dart

@@ -157,6 +157,7 @@ class ChannelListView extends StatefulWidget {
 class _ChannelListViewState extends State<ChannelListView>
     with WidgetsBindingObserver {
   final ScrollController _scrollController = ScrollController();
+  final SlidableController _slideController = SlidableController();
 
   @override
   Widget build(BuildContext context) {
@@ -562,6 +563,7 @@ class _ChannelListViewState extends State<ChannelListView>
               final backgroundColor =
                   StreamChatTheme.of(context).colorTheme.whiteSmoke;
               child = Slidable(
+                controller: _slideController,
                 enabled: widget.swipeToAction,
                 actionPane: SlidableBehindActionPane(),
                 actionExtentRatio: 0.12,

lib/src/channel_preview.dart

@@ -104,8 +104,7 @@ class ChannelPreview extends StatelessWidget {
                             message: channel.state.lastMessage,
                             size: StreamChatTheme.of(context)
                                 .channelPreviewTheme
-                                .lastMessageAt
+                                .indicatorIconSize,
-                                .fontSize,
                             isMessageRead: channel.state.read
                                     ?.where((element) =>
                                         element.user.id !=

lib/src/sending_indicator.dart

@@ -17,15 +17,13 @@ class SendingIndicator extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     if (isMessageRead) {
-      return Icon(
+      return StreamSvgIcon.checkAll(
-        Icons.done_all_rounded,
         size: size,
         color: StreamChatTheme.of(context).colorTheme.accentBlue,
       );
     }
     if (message.status == MessageSendingStatus.SENT || message.status == null) {
-      return Icon(
+      return StreamSvgIcon.check(
-        Icons.done,
         size: size,
         color: IconTheme.of(context).color.withOpacity(0.5),
       );

lib/src/stream_chat_theme.dart

@@ -227,22 +227,22 @@ class StreamChatThemeData {
         ),
       ),
       channelPreviewTheme: ChannelPreviewTheme(
-        unreadCounterColor: colorTheme.accentRed,
+          unreadCounterColor: colorTheme.accentRed,
-        avatarTheme: AvatarTheme(
+          avatarTheme: AvatarTheme(
-          borderRadius: BorderRadius.circular(20),
+            borderRadius: BorderRadius.circular(20),
-          constraints: BoxConstraints.tightFor(
+            constraints: BoxConstraints.tightFor(
-            height: 40,
+              height: 40,
-            width: 40,
+              width: 40,
+            ),
           ),
-        ),
+          title: textTheme.bodyBold,
-        title: textTheme.bodyBold,
+          subtitle: textTheme.footnote.copyWith(
-        subtitle: textTheme.footnote.copyWith(
+            color: Color(0xff7A7A7A),
-          color: Color(0xff7A7A7A),
+          ),
-        ),
+          lastMessageAt: textTheme.footnote.copyWith(
-        lastMessageAt: textTheme.footnote.copyWith(
+            color: colorTheme.black.withOpacity(.5),
-          color: colorTheme.black.withOpacity(.5),
+          ),
-        ),
+          indicatorIconSize: 16.0),
-      ),
       channelTheme: ChannelTheme(
         messageInputButtonIconTheme: theme.iconTheme.copyWith(
           color: accentColor,
@@ -698,6 +698,7 @@ class ChannelPreviewTheme {
   final TextStyle lastMessageAt;
   final AvatarTheme avatarTheme;
   final Color unreadCounterColor;
+  final double indicatorIconSize;
 
   const ChannelPreviewTheme({
     this.title,
@@ -705,6 +706,7 @@ class ChannelPreviewTheme {
     this.lastMessageAt,
     this.avatarTheme,
     this.unreadCounterColor,
+    this.indicatorIconSize,
   });
 
   ChannelPreviewTheme copyWith({
@@ -713,6 +715,7 @@ class ChannelPreviewTheme {
     TextStyle lastMessageAt,
     AvatarTheme avatarTheme,
     Color unreadCounterColor,
+    double indicatorIconSize,
   }) =>
       ChannelPreviewTheme(
         title: title ?? this.title,
@@ -720,6 +723,7 @@ class ChannelPreviewTheme {
         lastMessageAt: lastMessageAt ?? this.lastMessageAt,
         avatarTheme: avatarTheme ?? this.avatarTheme,
         unreadCounterColor: unreadCounterColor ?? this.unreadCounterColor,
+        indicatorIconSize: indicatorIconSize ?? this.indicatorIconSize,
       );
 }
 

lib/src/stream_svg_icon.dart

@@ -194,6 +194,18 @@ class StreamSvgIcon extends StatelessWidget {
     );
   }
 
+  factory StreamSvgIcon.checkAll({
+    double size,
+    Color color,
+  }) {
+    return StreamSvgIcon(
+      assetName: 'Icon_check_all.svg',
+      color: color,
+      width: size,
+      height: size,
+    );
+  }
+
   factory StreamSvgIcon.penWrite({
     double size,
     Color color,