Added token to socket auth

.env

-REACT_APP_BASE_API_URL=https://trampa-api-test.dilig.net/
+REACT_APP_BASE_API_URL=http://192.168.88.143:3001/

src/App.js

 import { useSelector } from "react-redux";
 import i18next from "i18next";
 
-import { selectUserId } from "./store/selectors/loginSelectors";
+import { selectJwtToken, selectUserId } from "./store/selectors/loginSelectors";
 import history from "./store/utils/history";
 import AppRoutes from "./AppRoutes";
 import { socketInit } from "./socket/socket";
 
 const App = () => {
   const userId = useSelector(selectUserId);
+  const token = useSelector(selectJwtToken);
 
   useEffect(() => {
-    socketInit(userId);
-  }, [userId]);
+    socketInit(userId, token);
+  }, [userId, token]);
   return (
     <Router history={history}>
       <Helmet>

src/components/Cards/RequestExchangeCard/RequestExchangeMessage/RequestExchangeMessage.js

 import { addNewMessage } from "../../../../store/actions/chat/chatActions";
 import { convertLocalDateToUTCDate } from "../../../../util/helpers/dateHelpers";
 import requesterStatus from "../../../../constants/requesterStatus";
+import { selectJwtToken } from "../../../../store/selectors/loginSelectors";
 
 const RequestExchangeMessage = (props) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const exchange = useSelector(selectExchange);
   const requester = useSelector(selectRequester);
+  const token = useSelector(selectJwtToken)
 
   const handleAcceptExchangeSuccess = () => {
     console.log("accept salje i prima 3 POZVANA RESPONSE FUNKCIJA");
       props.chatId,
       props.userId,
       props.interlocutorUserId,
+      token,
       () => {
         console.log("accept salje i prima 4 SOCKET FUNKCIJA");
         dispatch(

src/components/DirectChat/DirectChat.js

 import SkeletonDirectChat from "./SkeletonDirectChat/SkeletonDirectChat";
 import { selectIsLoadingByActionType } from "../../store/selectors/loadingSelectors";
 import { CHAT_SCOPE } from "../../store/actions/chat/chatActionConstants";
-import { selectUserId } from "../../store/selectors/loginSelectors";
+import {
+  selectJwtToken,
+  selectUserId,
+} from "../../store/selectors/loginSelectors";
 import {
   acceptExchangeSocket,
   addMessageListener,
   const location = useLocation();
   const dispatch = useDispatch();
   const { t } = useTranslation();
+  const token = useSelector(selectJwtToken);
   const exchange = useSelector(selectExchange);
   const requester = useSelector(selectRequester);
 
       chat?._id,
       userId,
       chat?.participants[interlocutor]._id,
+      token,
       () => {
         dispatch(
           addNewMessage({
     );
   };
   const handleAcceptExchange = () => {
-    console.log("accept salje i prima 1 POZVANA FUNKCIJA")
+    console.log("accept salje i prima 1 POZVANA FUNKCIJA");
     dispatch(
       acceptExchange({
         exchangeId: exchange._id,

src/components/DirectChat/DirectChatNewMessage/DirectChatNewMessage.js

 import { useDispatch } from "react-redux";
 import { sendMessage } from "../../../socket/socket";
 import { useSelector } from "react-redux";
-import { selectUserId } from "../../../store/selectors/loginSelectors";
+import { selectJwtToken, selectUserId } from "../../../store/selectors/loginSelectors";
 import {
   addNewMessage,
   startNewChat,
   const { t } = useTranslation();
   const location = useLocation();
   const history = useHistory();
+  const token = useSelector(selectJwtToken)
   const userId = useSelector(selectUserId);
   const handleSend = useCallback(
     (newChatId = undefined) => {
       if (typedValue?.length === 0) return;
       if (props?.chat?._id) {
         const chatId = props.chat?._id || newChatId;
-        sendMessage(chatId, userId, typedValue, props.interlocutor._id);
+        sendMessage(chatId, userId, typedValue, props.interlocutor._id, token);
         dispatch(
           addNewMessage({
             _id: chatId,
   if (props?.chat?.offer?._deleted) {
     return <NotAllowedChat />;
   }
-  if (props?.interlocutor?._blocked) {
-    return <NotAllowedChat blocked />;
-  }
+  // if (props?.interlocutor?._blocked) {
+  //   return <NotAllowedChat blocked />;
+  // }
   return (
     <>
       <DirectChatNewMessageContainer>

src/socket/socket.js

 import io from "socket.io-client";
 
 // export const socket = io("https://trampa-api-test.dilig.net/", {
-  // export const socket = io("http://localhost:3001/", {
-  export const socket = io(process.env.REACT_APP_BASE_API_URL, {
+// export const socket = io("http://localhost:3001/", {
+export const socket = io(process.env.REACT_APP_BASE_API_URL, {
   transports: ["websocket"],
   reconnectionAttempts: 5,
 });
 
-export const socketInit = (userId) => {
+export const socketInit = (userId, token) => {
   if (socket.connected) socket.disconnect();
   socket.auth = {
     userId,
+    token,
   };
   socket.connect();
 };
     receiverUserId,
     message: {
       user: {
-        _id: userId
+        _id: userId,
       },
       isAcceptRequest: true,
       text: "",

src/store/saga/chatSaga.js

 } from "../actions/exchange/exchangeActions";
 import { selectSelectedChat } from "../selectors/chatSelectors";
 import { selectExchange } from "../selectors/exchangeSelector";
-import { selectUserId } from "../selectors/loginSelectors";
+import { selectJwtToken, selectUserId } from "../selectors/loginSelectors";
 import { sendMessage as SendMessageSocket } from "../../socket/socket";
 import { KEY_PAGE, KEY_SIZE } from "../../constants/queryStringConstants";
 import { setQueryStringRedux } from "../actions/queryString/queryStringActions";
       userId,
     });
     const queryString = yield select(selectQueryString);
+    const token = yield select(selectJwtToken);
     const data = yield call(attemptFetchChats, { userId, queryString });
     yield put(setChats([...data.data.chats]));
     yield put(setChatsTotal(data.data.total));
       newChatData.data.chatId,
       userId,
       payload.payload.message,
-      payload.payload.interlocutorUserId
+      payload.payload.interlocutorUserId,
+      token
     );
     yield put(
       addNewMessage({

src/store/selectors/loginSelectors.js

   loginSelector,
   (state) => state.jwtToken.roles
 );
+export const selectJwtToken = createSelector(
+  loginSelector,
+  (state) => state.jwtToken.token
+);