fixed message limit (RocketChat#530)

Yashraj7890 · Mar 23, 2024 · 05cc948 · 05cc948
1 parent 7cfcba9
commit 05cc948
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 4 deletions.
diff --git a/packages/api/src/EmbeddedChatApi.ts b/packages/api/src/EmbeddedChatApi.ts
@@ -924,6 +924,27 @@ export default class EmbeddedChatApi {
       console.error(err);
     }
   }
+
+  async getMessageLimit() {
+    try {
+      const { userId, authToken } = (await this.auth.getCurrentUser()) || {};
+      const response = await fetch(
+        `${this.host}/api/v1/settings/Message_MaxAllowedSize`,
+        {
+          headers: {
+            "Content-Type": "application/json",
+            "X-Auth-Token": authToken,
+            "X-User-Id": userId,
+          },
+          method: "GET",
+        }
+      );
+      return await response.json();
+    } catch (err) {
+      console.error(err);
+    }
+  }
+
   async triggerBlockAction({
     type,
     actionId,

diff --git a/packages/react/src/components/ChatHeader/ChatHeader.js b/packages/react/src/components/ChatHeader/ChatHeader.js
@@ -25,6 +25,7 @@ import { ActionButton } from '../ActionButton';
 import { Menu } from '../Menu';
 import { useToastBarDispatch } from '../../hooks/useToastBarDispatch';
 import useFetchChatData from '../../hooks/useFetchChatData';
+import useSettingsStore from '../../store/settingsStore';
 
 const ChatHeader = ({
   isClosable,
@@ -64,12 +65,10 @@ const ChatHeader = ({
   const avatarUrl = useUserStore((state) => state.avatarUrl);
   const headerTitle = useMessageStore((state) => state.headerTitle);
   const filtered = useMessageStore((state) => state.filtered);
-  const setMessages = useMessageStore((state) => state.setMessages);
   const setFilter = useMessageStore((state) => state.setFilter);
   const isThreadOpen = useMessageStore((state) => state.isThreadOpen);
   const closeThread = useMessageStore((state) => state.closeThread);
   const threadTitle = useMessageStore((state) => state.threadMainMessage?.msg);
-  const setHeaderTitle = useMessageStore((state) => state.setHeaderTitle);
   const setMembersHandler = useMemberStore((state) => state.setMembersHandler);
   const toggleShowMembers = useMemberStore((state) => state.toggleShowMembers);
   const showMembers = useMemberStore((state) => state.showMembers);
@@ -84,6 +83,7 @@ const ChatHeader = ({
   const setShowAllFiles = useFileStore((state) => state.setShowAllFiles);
   const setShowMentions = useMentionsStore((state) => state.setShowMentions);
   const toastPosition = useToastStore((state) => state.position);
+  const setMessageLimit = useSettingsStore((state) => state.setMessageLimit);
 
   const handleGoBack = async () => {
     if (isUserAuthenticated) {
@@ -156,6 +156,11 @@ const ChatHeader = ({
   }, [setShowMentions, setShowSearch]);
 
   useEffect(() => {
+    const getMessageLimit = async () => {
+      const messageLimitObj = await RCInstance.getMessageLimit();
+      setMessageLimit(messageLimitObj?.value);
+    };
+
     const setMessageAllowed = async () => {
       const permissionRes = await RCInstance.permissionInfo();
       const channelRolesRes = await RCInstance.getChannelRoles(
@@ -205,6 +210,7 @@ const ChatHeader = ({
 
     if (isUserAuthenticated) {
       getChannelInfo();
+      getMessageLimit();
     }
   }, [
     isUserAuthenticated,
@@ -216,6 +222,7 @@ const ChatHeader = ({
     isChannelPrivate,
     setCanSendMsg,
     authenticatedUserId,
+    setMessageLimit,
   ]);
 
   const menuOptions = useMemo(() => {

diff --git a/packages/react/src/components/ChatInput/ChatInput.js b/packages/react/src/components/ChatInput/ChatInput.js
@@ -26,6 +26,7 @@ import { Divider } from '../Divider';
 import useComponentOverrides from '../../theme/useComponentOverrides';
 import { useToastBarDispatch } from '../../hooks/useToastBarDispatch';
 import { Modal } from '../Modal';
+import useSettingsStore from '../../store/settingsStore';
 
 const editingMessageCss = css`
   background-color: #fff8e0;
@@ -51,6 +52,7 @@ const ChatInput = ({ scrollToBottom }) => {
 
   const members = useMemberStore((state) => state.members);
   const setMembersHandler = useMemberStore((state) => state.setMembersHandler);
+  const msgMaxLength = useSettingsStore((state) => state.messageLimit);
 
   useEffect(() => {
     RCInstance.auth.onAuthChange((user) => {
@@ -173,8 +175,6 @@ const ChatInput = ({ scrollToBottom }) => {
       setEditMessage({});
       return;
     }
-
-    const msgMaxLength = 500;
     if (message.length > msgMaxLength) {
       openMsgLongModal();
       return;

diff --git a/packages/react/src/store/settingsStore.js b/packages/react/src/store/settingsStore.js
@@ -0,0 +1,8 @@
+import { create } from 'zustand';
+
+const useSettingsStore = create((set) => ({
+  messageLimit: 5000,
+  setMessageLimit: (messageLimit) => set(() => ({ messageLimit })),
+}));
+
+export default useSettingsStore;