fix: improvements in ui and typewriter

Author: isekovanic

package/src/components/AITypingIndicatorView/AITypingIndicatorView.tsx

@@ -6,7 +6,7 @@ import { Channel } from 'stream-chat';
 
 import { AIStates, useAIState } from './hooks/useAIState';
 
-import { useChannelContext } from '../../contexts';
+import { useChannelContext, useTheme } from '../../contexts';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
 export const AITypingIndicatorView = <
@@ -25,10 +25,15 @@ export const AITypingIndicatorView = <
     [AIStates.Generating]: 'Generating...',
   };
 
-  // TODO: Make it not ugly.
+  const {
+    theme: {
+      colors: { black, grey_gainsboro },
+    },
+  } = useTheme();
+
   return aiState in allowedStates ? (
-    <View style={{ paddingHorizontal: 16, paddingVertical: 18 }}>
-      <Text>{allowedStates[aiState]}</Text>
+    <View style={{ backgroundColor: grey_gainsboro, paddingHorizontal: 16, paddingVertical: 18 }}>
+      <Text style={{ color: black }}>{allowedStates[aiState]}</Text>
     </View>
   ) : null;
 };

package/src/components/Message/MessageSimple/StreamingMessageView.tsx

@@ -22,7 +22,7 @@ export const StreamingMessageView = <
         clearInterval(interval);
       }
       // TODO: make this configurable maybe
-      const newCursorValue = textCursor.current + 1;
+      const newCursorValue = textCursor.current + 2;
       const newText = text.substring(0, newCursorValue);
       textCursor.current += newText.length - textCursor.current;
       setStreamedMessageText(newText);