fix: drafts messages in channel without parent id

Author: khushal87

examples/TypeScriptMessaging/App.tsx

@@ -104,7 +104,7 @@ type ChannelScreenProps = {
 const EmptyHeader = () => <></>;
 
 const ChannelScreen: React.FC<ChannelScreenProps> = ({ navigation }) => {
-  const { channel, setThread } = useContext(AppContext);
+  const { channel, setThread, thread } = useContext(AppContext);
   const headerHeight = useHeaderHeight();
   const { overlay } = useOverlayContext();
 
@@ -120,7 +120,12 @@ const ChannelScreen: React.FC<ChannelScreenProps> = ({ navigation }) => {
 
   return (
     <SafeAreaView>
-      <Channel audioRecordingEnabled={true} channel={channel} keyboardVerticalOffset={headerHeight}>
+      <Channel
+        audioRecordingEnabled={true}
+        channel={channel}
+        keyboardVerticalOffset={headerHeight}
+        thread={thread}
+      >
         <View style={{ flex: 1 }}>
           <MessageList
             onThreadSelect={(selectedThread) => {

package/src/store/apis/getDraftsForChannels.ts

@@ -20,9 +20,16 @@ export const getDraftForChannels = async ({
 
   const rows = await SqliteClient.executeSql.apply(null, query);
 
+  /**
+   * Filter out drafts without a parent ID, as we will not show them in the channel.
+   * The above `createSelectQuery` was not able to filter out drafts without a parent ID.
+   * TODO: Fix the query to filter out drafts without a parent ID. This can be a bit faster.
+   */
+  const rowsWithoutParentID = rows.filter((row) => row.parentId === null);
+
   const cidVsDrafts: Record<string, DraftResponse> = {};
 
-  for (const row of rows) {
+  for (const row of rowsWithoutParentID) {
     const draftMessageQuery = createSelectQuery('draftMessage', ['*'], {
       id: row.draftMessageId,
     });