add queries, variables

 import React from "react";
-import { useSubscription, useMutation } from "@apollo/react-hooks";
+import { useSubscription, useMutation, useQuery } from "@apollo/react-hooks";
 import ChatPresenter from "./ChatPresenter";
 import { withRouter } from "react-router-dom";
-import { NEW_MESSAGE, SUBSCRIPTION_MSG } from "./ChatQueries";
+import {
+  SUBSCRIPTION_MSG,
+  WHOLE_MESSAGE,
+  GET_ROOM_BY_NAME,
+} from "./ChatQueries";
 import useInput from "../../Hooks/useInput";
 import { toast } from "react-toastify";
+import getRoomByName from "../../../../back/src/api/Room/getRoomByName/getRoomByName";
 
 export default withRouter(({ location }) => {
-  const [createMsg] = useMutation(NEW_MESSAGE);
+  const { pathname } = location;
+  const roomName = pathname.slice(1, pathname.length);
+
+  let messageObj, outcomingMsg, roomId;
+
+  if (roomName !== undefined) {
+    const {
+      data: { getRoomByName },
+    } = useQuery(GET_ROOM_BY_NAME, { variables: { roomName } });
+    roomId = getRoomByName.id;
+  }
+
+  const [createMsg] = useMutation(WHOLE_MESSAGE);
   const { data } = useSubscription(SUBSCRIPTION_MSG);
 
   const message = useInput("");
-  let messageObj, outcomingMsg;
 
   const onSubmit = async (e) => {
     e.preventDefault();
@@ -20,10 +36,12 @@ export default withRouter(({ location }) => {
         messageObj = await createMsg({
           variables: {
             message: message.value,
+            roomId,
           },
         });
         const { text } = messageObj;
         outcomingMsg = text;
+        console.log(messageObj);
       } catch {
         toast.error("text must be not empty");
       }