seperated sockets
This commit is contained in:
@@ -3,144 +3,144 @@ import { useSocketStore } from "../../../store/builder/store";
|
||||
import useAssetResponseHandler from "../../builder/asset/responseHandler/useAssetResponseHandler";
|
||||
|
||||
function BuilderResponses() {
|
||||
const { socket } = useSocketStore();
|
||||
const { builderSocket } = useSocketStore();
|
||||
const { addAssetToScene, removeAssetFromScene } = useAssetResponseHandler();
|
||||
|
||||
//#region Asset
|
||||
useEffect(() => {
|
||||
if (!socket) return;
|
||||
if (!builderSocket) return;
|
||||
|
||||
socket.on("v1:model-asset:response:add", (data: any) => {
|
||||
builderSocket.on("v1:model-asset:response:add", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Model created successfully") {
|
||||
} else if (data.message === "Updated successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
socket.on("v1:model-asset:response:delete", (data: any) => {
|
||||
builderSocket.on("v1:model-asset:response:delete", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Model deleted successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
if (socket) {
|
||||
socket.off("v1:model-asset:response:add");
|
||||
socket.off("v1:model-asset:response:delete");
|
||||
if (builderSocket) {
|
||||
builderSocket.off("v1:model-asset:response:add");
|
||||
builderSocket.off("v1:model-asset:response:delete");
|
||||
}
|
||||
};
|
||||
}, [socket]);
|
||||
}, [builderSocket]);
|
||||
//#endregion
|
||||
|
||||
//#region WallAsset
|
||||
useEffect(() => {
|
||||
if (!socket) return;
|
||||
if (!builderSocket) return;
|
||||
|
||||
socket.on("v1:wall-asset:response:add", (data: any) => {
|
||||
builderSocket.on("v1:wall-asset:response:add", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "WallAsset Created Successfully") {
|
||||
} else if (data.message === "WallAsset Updated Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
socket.on("v1:wall-asset:response:delete", (data: any) => {
|
||||
builderSocket.on("v1:wall-asset:response:delete", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "WallAsset Created Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
if (socket) {
|
||||
socket.off("v1:wall-asset:response:add");
|
||||
socket.off("v1:wall-asset:response:delete");
|
||||
if (builderSocket) {
|
||||
builderSocket.off("v1:wall-asset:response:add");
|
||||
builderSocket.off("v1:wall-asset:response:delete");
|
||||
}
|
||||
};
|
||||
}, [socket]);
|
||||
}, [builderSocket]);
|
||||
//#endregion
|
||||
|
||||
//#region Wall
|
||||
useEffect(() => {
|
||||
if (!socket) return;
|
||||
if (!builderSocket) return;
|
||||
|
||||
socket.on("v1:model-Wall:response:add", (data: any) => {
|
||||
builderSocket.on("v1:model-Wall:response:add", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Wall Created Successfully") {
|
||||
} else if (data.message === "Wall Updated Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
socket.on("v1:model-Wall:response:delete", (data: any) => {
|
||||
builderSocket.on("v1:model-Wall:response:delete", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Wall Deleted Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
if (socket) {
|
||||
socket.off("v1:model-Wall:response:add");
|
||||
socket.off("v1:model-Wall:response:delete");
|
||||
if (builderSocket) {
|
||||
builderSocket.off("v1:model-Wall:response:add");
|
||||
builderSocket.off("v1:model-Wall:response:delete");
|
||||
}
|
||||
};
|
||||
}, [socket]);
|
||||
}, [builderSocket]);
|
||||
//#endregion
|
||||
|
||||
//#region Floor
|
||||
useEffect(() => {
|
||||
if (!socket) return;
|
||||
if (!builderSocket) return;
|
||||
|
||||
socket.on("v1:model-Floor:response:add", (data: any) => {
|
||||
builderSocket.on("v1:model-Floor:response:add", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Floor Created Successfully") {
|
||||
} else if (data.message === "Floor Updated Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
socket.on("v1:model-Floor:response:delete", (data: any) => {
|
||||
builderSocket.on("v1:model-Floor:response:delete", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Floor Deleted Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
if (socket) {
|
||||
socket.off("v1:model-Floor:response:add");
|
||||
socket.off("v1:model-Floor:response:delete");
|
||||
if (builderSocket) {
|
||||
builderSocket.off("v1:model-Floor:response:add");
|
||||
builderSocket.off("v1:model-Floor:response:delete");
|
||||
}
|
||||
};
|
||||
}, [socket]);
|
||||
}, [builderSocket]);
|
||||
//#endregion
|
||||
|
||||
//#region Aisle
|
||||
useEffect(() => {
|
||||
if (!socket) return;
|
||||
if (!builderSocket) return;
|
||||
|
||||
socket.on("v1:model-aisle:response:add", (data: any) => {
|
||||
builderSocket.on("v1:model-aisle:response:add", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Aisle Created Successfully") {
|
||||
} else if (data.message === "Aisle Updated Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
socket.on("v1:model-aisle:response:delete", (data: any) => {
|
||||
builderSocket.on("v1:model-aisle:response:delete", (data: any) => {
|
||||
if (!data.message) return;
|
||||
if (data.message === "Aisle Deleted Successfully") {
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
if (socket) {
|
||||
socket.off("v1:model-aisle:response:add");
|
||||
socket.off("v1:model-aisle:response:delete");
|
||||
if (builderSocket) {
|
||||
builderSocket.off("v1:model-aisle:response:add");
|
||||
builderSocket.off("v1:model-aisle:response:delete");
|
||||
}
|
||||
};
|
||||
}, [socket]);
|
||||
}, [builderSocket]);
|
||||
//#endregion
|
||||
|
||||
//#region Zone
|
||||
useEffect(() => {
|
||||
if (!socket) return;
|
||||
if (!builderSocket) return;
|
||||
|
||||
socket.on("v1:zone:response:updates", (data: any) => {
|
||||
builderSocket.on("v1:zone:response:updates", (data: any) => {
|
||||
console.log("data: ", data);
|
||||
if (!data.message) return;
|
||||
if (data.message === "zone created successfully") {
|
||||
@@ -148,7 +148,7 @@ function BuilderResponses() {
|
||||
}
|
||||
});
|
||||
|
||||
socket.on("v1:zone:response:delete", (data: any) => {
|
||||
builderSocket.on("v1:zone:response:delete", (data: any) => {
|
||||
console.log("data: ", data);
|
||||
if (!data.message) return;
|
||||
if (data.message === "zone deleted created successfully") {
|
||||
@@ -156,12 +156,12 @@ function BuilderResponses() {
|
||||
});
|
||||
|
||||
return () => {
|
||||
if (socket) {
|
||||
socket.off("v1:zone:response:updates");
|
||||
socket.off("v1:zone:response:delete");
|
||||
if (builderSocket) {
|
||||
builderSocket.off("v1:zone:response:updates");
|
||||
builderSocket.off("v1:zone:response:delete");
|
||||
}
|
||||
};
|
||||
}, [socket]);
|
||||
}, [builderSocket]);
|
||||
//#endregion
|
||||
|
||||
return null;
|
||||
|
||||
Reference in New Issue
Block a user