feat: [FC-18] leave group have silent and no silent

README.md

@@ -136,6 +136,25 @@ export const ChatScreen: React.FC = () => {
 
 ```
 
+## Features
+
+#### Leave conversation
+
+- Use `useConversation` hook to get `leaveConversation` function.
+
+```typescript
+import {useConversation} from 'rn-firebase-chat';
+
+const {leaveConversation} = useConversation();
+
+const result = await leaveConversation(conversationId, isSilent);
+```
+
+| Parameter        | Type      | Description                                                               |
+| :--------------- | :-------- | :------------------------------------------------------------------------ |
+| `conversationId` | `string`  | **Required**                                                              |
+| `isSilent`       | `boolean` | If `true`, send a system message to the conversation to notify the action |
+
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

src/chat/ChatProvider.tsx

@@ -5,6 +5,7 @@ import {
   chatReducer,
   setListConversation,
   updateConversation,
+  updateListConversation,
 } from '../reducer';
 
 const firestoreServices = FirestoreServices.getInstance();
@@ -36,7 +37,11 @@ export const ChatProvider: React.FC<ChatProviderProps> = ({
           dispatch(setListConversation(res));
         });
         unsubscribeListener = firestoreServices.listenConversationUpdate(
-          (data) => {
+          (data, type) => {
+            if (type === 'removed') {
+              dispatch(updateListConversation(data));
+              return;
+            }
             dispatch(updateConversation(data));
           }
         );

src/hooks.ts

@@ -2,6 +2,7 @@ import { useCallback, useRef } from 'react';
 import { useContext } from 'react';
 import { ChatContext } from './chat';
 import type { ChatState } from './reducer';
+import { FirestoreServices } from './services/firebase';
 
 const useChat = () => {
   // const firebaseInstant
@@ -72,4 +73,10 @@ const useTypingIndicator = (
   };
 };
 
-export { useChatContext, useChatSelector, useTypingIndicator };
+const useConversation = () => {
+  const firebaseInstance = useRef(FirestoreServices.getInstance()).current;
+
+  return { leaveConversation: firebaseInstance.leaveConversation };
+};
+
+export { useChatContext, useChatSelector, useTypingIndicator, useConversation };

src/interfaces/message.ts

@@ -17,6 +17,7 @@ interface LatestMessageProps {
   type?: MediaType;
   path?: string;
   extension?: string;
+  system?: boolean;
 }
 
 interface MessageProps extends BaseEntity, IMessage {
@@ -29,6 +30,7 @@ interface MessageProps extends BaseEntity, IMessage {
   type?: MediaType;
   path?: string;
   extension?: string;
+  system?: boolean;
 }
 
 interface SendMessageProps {
@@ -42,6 +44,7 @@ interface SendMessageProps {
   type?: MediaType;
   path?: string;
   extension?: string;
+  system?: boolean;
 }
 
 type MediaType = 'image' | 'video' | 'text' | undefined;

src/reducer/action.ts

@@ -5,13 +5,19 @@ export enum ChatActionKind {
   SET_CONVERSATION = 'SET_CONVERSATION',
   CLEAR_CONVERSATION = 'CLEAR_CONVERSATION',
   UPDATE_CONVERSATION = 'UPDATE_CONVERSATION',
+  UPDATE_LIST_CONVERSATION = 'UPDATE_LIST_CONVERSATION',
 }
 
 export const setListConversation = (payload: ConversationProps[]) => ({
   type: ChatActionKind.SET_LIST_CONVERSATION,
   payload,
 });
 
+export const updateListConversation = (payload: ConversationProps) => ({
+  type: ChatActionKind.UPDATE_LIST_CONVERSATION,
+  payload,
+});
+
 export const setConversation = (payload: ConversationProps) => ({
   type: ChatActionKind.SET_CONVERSATION,
   payload,

src/reducer/chat.ts

@@ -21,6 +21,17 @@ export const chatReducer = (
         ...state,
         listConversation: action.payload as ConversationProps[],
       };
+    case ChatActionKind.UPDATE_LIST_CONVERSATION: {
+      const message = action.payload as ConversationProps;
+      const listConversation = state.listConversation?.filter(
+        (e) => e.id !== message.id
+      );
+
+      return {
+        ...state,
+        listConversation: listConversation as ConversationProps[],
+      };
+    }
     case ChatActionKind.SET_CONVERSATION:
       return {
         ...state,
@@ -31,7 +42,7 @@ export const chatReducer = (
         ...state,
         conversation: undefined,
       };
-    case ChatActionKind.UPDATE_CONVERSATION:
+    case ChatActionKind.UPDATE_CONVERSATION: {
       const message = action.payload as ConversationProps;
       const isExistID = state.listConversation?.some(
         (item) => item.id === message.id
@@ -52,5 +63,9 @@ export const chatReducer = (
         ...state,
         listConversation: newListConversation,
       };
+    }
+
+    default:
+      return state;
   }
 };