refactor: 투표 생성 이벤트명 REGISTER_VOTE로 수정

- 기획 상으로는 투표가 등록되었을 때 투표 블럭이 생성
- 해당 방식으로는 다른 클라이언트가 또 다시 타입을 수정할 여지가 있어 블럭 타입 관리에 어려움이 생김
- 블럭 타입은 선택 시점에 변경되도록 하되, 등록 전에는 투표가 시작되지 않았음을 UI로 보여지도록 수정

Author: se030

@wabinar/constants/socket-message.ts

@@ -29,7 +29,7 @@ export const BLOCK_EVENT = {
   INSERT_TEXT: 'insert-text',
   DELETE_TEXT: 'delete-text',
   UPDATE_TEXT: 'update-text',
-  CREATE_VOTE: 'create-vote',
+  REGISTER_VOTE: 'register-vote',
   UPDATE_VOTE: 'update-vote',
   END_VOTE: 'end-vote',
   FETCH_QUESTIONS: 'fetch-questions',

client/src/components/Block/VoteBlock/VoteBlockTemplate.tsx

@@ -67,7 +67,7 @@ function VoteBlockTemplate({
     setOptions(validOptions);
     setVoteMode(VoteMode.REGISTERED);
 
-    socket.emit(BLOCK_EVENT.CREATE_VOTE, id, validOptions);
+    socket.emit(BLOCK_EVENT.REGISTER_VOTE, id, validOptions);
 
     toast('투표 등록 완료 ^^', { type: 'info' });
   };

client/src/components/Block/VoteBlock/index.tsx

@@ -18,7 +18,7 @@ function VoteBlock({ id }: VoteBlockProps) {
   const [options, setOptions] = useState<Option[]>(initialOption);
 
   useEffect(() => {
-    socket.on(`${BLOCK_EVENT.CREATE_VOTE}-${id}`, (options) => {
+    socket.on(`${BLOCK_EVENT.REGISTER_VOTE}-${id}`, (options) => {
       setVoteMode(VoteMode.REGISTERED as VoteMode);
       setOptions(options);
     });

server/socket/Mom/handleVoteBlock.ts

@@ -12,12 +12,12 @@ export default function handleVoteBlock(
   namespace: string,
   socket: Socket,
 ) {
-  socket.on(BLOCK_EVENT.CREATE_VOTE, async (blockId, options: Option[]) => {
+  socket.on(BLOCK_EVENT.REGISTER_VOTE, async (blockId, options: Option[]) => {
     const momId = socket.data.momId;
 
     await createVote(blockId, options);
 
-    socket.to(momId).emit(`${BLOCK_EVENT.CREATE_VOTE}-${blockId}`, options);
+    socket.to(momId).emit(`${BLOCK_EVENT.REGISTER_VOTE}-${blockId}`, options);
   });
 
   socket.on(BLOCK_EVENT.UPDATE_VOTE, async (blockId, optionId, userId) => {