Refactor code

Author: nicolelim02

frontend/src/utils/collabSocket.ts

@@ -3,6 +3,7 @@ import { io } from "socket.io-client";
 import { updateCursor, Cursor } from "./collabCursor";
 import { Doc, Text, applyUpdateV2 } from "yjs";
 import { Awareness } from "y-protocols/awareness";
+import { getToken } from "./token";
 
 export enum CollabEvents {
   // Send
@@ -38,7 +39,7 @@ export const collabSocket = io(COLLAB_SOCKET_URL, {
   reconnectionAttempts: 3,
   autoConnect: false,
   auth: {
-    token: `Bearer ${localStorage.getItem("token")}`,
+    token: getToken(),
   },
 });
 

frontend/src/utils/communicationSocket.ts

@@ -1,4 +1,5 @@
 import { io } from "socket.io-client";
+import { getToken } from "./token";
 
 export enum CommunicationEvents {
   // send
@@ -22,6 +23,6 @@ export const communicationSocket = io(COMMUNICATION_SOCKET_URL, {
   autoConnect: false,
   withCredentials: true,
   auth: {
-    token: `Bearer ${localStorage.getItem("token")}`,
+    token: getToken(),
   },
 });

frontend/src/utils/matchSocket.ts

@@ -1,11 +1,12 @@
 import { io } from "socket.io-client";
+import { getToken } from "./token";
 
 const MATCH_SOCKET_URL = "http://localhost:3002";
 
 export const matchSocket = io(MATCH_SOCKET_URL, {
   reconnectionAttempts: 3,
   autoConnect: false,
   auth: {
-    token: `Bearer ${localStorage.getItem("token")}`,
+    token: getToken(),
   },
 });

frontend/src/utils/token.ts

@@ -0,0 +1,13 @@
+export const setToken = (token: string) => {
+  const bearerToken = `Bearer ${token}`;
+  localStorage.setItem("accessToken", bearerToken);
+};
+
+export const getToken = () => {
+  const token = localStorage.getItem("accessToken");
+  return token;
+};
+
+export const removeToken = () => {
+  localStorage.removeItem("accessToken");
+};