feat: 투표 블럭을 생성한 사람만 등록 가능하도록 변경

Author: se030

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

@@ -30,8 +30,9 @@ function VoteBlockTemplate({
   options,
   setOptions,
 }: VoteBlockProps) {
-  const [isCreateMode, isRegisteredMode, isEndMode] = [
+  const [isCreateMode, isRegisteringMode, isRegisteredMode, isEndMode] = [
     mode === VoteMode.CREATE,
+    mode === VoteMode.REGISTERING,
     mode === VoteMode.REGISTERED,
     mode === VoteMode.END,
   ];
@@ -182,7 +183,7 @@ function VoteBlockTemplate({
               readOnly={isRegisteredMode || isEndMode}
               defaultValue={text}
             />
-            {isCreateMode && (
+            {isRegisteringMode && (
               <Button
                 icon={<BiX size="20" color="white" />}
                 ariaLabel="항목 삭제"
@@ -199,7 +200,7 @@ function VoteBlockTemplate({
       </ul>
 
       <div className={style['vote-buttons']}>
-        {isCreateMode && (
+        {isRegisteringMode && (
           <>
             <Button onClick={onAdd} text="항목 추가" />
             <Button onClick={onRegister} text="투표 등록" />

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

@@ -8,12 +8,15 @@ import VoteBlockTemplate from './VoteBlockTemplate';
 
 interface VoteBlockProps {
   id: string;
+  registerable: boolean;
 }
 
-function VoteBlock({ id }: VoteBlockProps) {
+function VoteBlock({ id, registerable }: VoteBlockProps) {
   const { momSocket: socket } = useSocketContext();
 
-  const [voteMode, setVoteMode] = useState<VoteMode>(VoteMode.CREATE);
+  const [voteMode, setVoteMode] = useState<VoteMode>(
+    registerable ? VoteMode.REGISTERING : VoteMode.CREATE,
+  );
   const initialOption: Option[] = [{ id: 1, text: '', count: 0 }];
   const [options, setOptions] = useState<Option[]>(initialOption);
 

client/src/components/Block/index.tsx

@@ -65,7 +65,7 @@ function Block({ id, index, onKeyDown, registerRef }: BlockProps) {
         />
       );
     case BlockType.VOTE:
-      return <VoteBlock id={id} />;
+      return <VoteBlock id={id} registerable={localUpdateFlagRef.current} />;
     case BlockType.QUESTION:
       return <QuestionBlock id={id} />;
     default:

client/src/constants/block.ts

@@ -39,6 +39,7 @@ export const BLOCKS_TYPE = [
 
 export enum VoteMode {
   CREATE,
+  REGISTERING,
   REGISTERED,
   END,
 }