Encode and decode the query parameter before sending it to the server

airtai · Sep 5, 2024 · 3356c4e · 3356c4e
1 parent f94d243
commit 3356c4e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/src/client/app/PlayGroundPage.tsx b/app/src/client/app/PlayGroundPage.tsx
@@ -82,7 +82,8 @@ const PlayGroundPage = ({ user }: { user: User }) => {
   useEffect(() => {
     if (formSubmitMsg && currentChatDetails) {
       if (!currentChatDetails.userRespondedWithNextAction) {
-        setTriggerChatFormSubmitMsg(formSubmitMsg);
+        const decodedMessage = decodeURIComponent(formSubmitMsg);
+        setTriggerChatFormSubmitMsg(decodedMessage);
       }
       removeQueryParameters();
     }

diff --git a/app/src/client/components/SelectTeamToChat.tsx b/app/src/client/components/SelectTeamToChat.tsx
@@ -51,7 +51,8 @@ const SelectTeamToChat = ({ userTeams }: any) => {
       };
       const chat: Chat = await createNewChat(props);
       isRedirecting.current = true;
-      history.push(`/playground/${chat.uuid}?initiateChatMsg=${message}`);
+      const encodedMessage = encodeURIComponent(message);
+      history.push(`/playground/${chat.uuid}?initiateChatMsg=${encodedMessage}`);
     } catch (err: any) {
       setNotificationErrorMessage(`Error creating chat. Please try again later.`);
       console.log('Error: ' + err.message);