Fixing the answer submission problem after unifying code

website/src/components/Tasks/Task.tsx

@@ -21,7 +21,7 @@ export interface TaskSurveyProps<T> {
   onReplyChanged: (state: TaskReplyState<T>) => void;
 }
 
-export const Task = ({ task, trigger, mutate }) => {
+export const Task = ({ frontendId, task, trigger, mutate }) => {
   const [taskStatus, setTaskStatus] = useState<TaskStatus>("NOT_SUBMITTABLE");
   const replyContent = useRef<TaskContent>(null);
   const [showUnchangedWarning, setShowUnchangedWarning] = useState(false);
@@ -39,7 +39,7 @@ export const Task = ({ task, trigger, mutate }) => {
 
   const rejectTask = (reason: string) => {
     sendRejection({
-      id: task.id,
+      id: frontendId,
       reason,
     });
   };
@@ -66,7 +66,7 @@ export const Task = ({ task, trigger, mutate }) => {
         break;
       case "SUBMITABLE": {
         trigger({
-          id: task.id,
+          id: frontendId,
           update_type: taskType.update_type,
           content: replyContent.current,
         });
@@ -107,7 +107,7 @@ export const Task = ({ task, trigger, mutate }) => {
         onSubmitAnyway={() => {
           if (taskStatus === "DEFAULT") {
             trigger({
-              id: task.id,
+              id: frontendId,
               update_type: taskType.update_type,
               content: replyContent.current,
             });

website/src/pages/create/assistant_reply.tsx

@@ -21,7 +21,7 @@ const AssistantReply = () => {
         <title>Reply as Assistant</title>
         <meta name="description" content="Reply as Assistant." />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/create/initial_prompt.tsx

@@ -21,7 +21,7 @@ const InitialPrompt = () => {
         <title>Reply as Assistant</title>
         <meta name="description" content="Reply as Assistant." />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/create/summarize_story.tsx

@@ -39,7 +39,7 @@ const SummarizeStory = () => {
   const submitResponse = () => {
     const text = inputText.trim();
     trigger({
-      id: tasks[0].task.id,
+      id: tasks[0].id,
       update_type: "text_reply_to_message",
       content: {
         text,

website/src/pages/create/user_reply.tsx

@@ -21,7 +21,7 @@ const UserReply = () => {
         <title>Reply as Assistant</title>
         <meta name="description" content="Reply as Assistant." />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/evaluate/rank_assistant_replies.tsx

@@ -21,7 +21,7 @@ const RankAssistantReplies = () => {
         <title>Rank Assistant Replies</title>
         <meta name="description" content="Rank Assistant Replies." />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/evaluate/rank_initial_prompts.tsx

@@ -21,7 +21,7 @@ const RankInitialPrompts = () => {
         <title>Rank Initial Prompts</title>
         <meta name="description" content="Rank initial prompts." />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/evaluate/rank_user_replies.tsx

@@ -21,7 +21,7 @@ const RankUserReplies = () => {
         <title>Rank User Replies</title>
         <meta name="description" content="Rank User Replies." />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/label/label_assistant_reply.tsx

@@ -21,7 +21,7 @@ const LabelAssistantReply = () => {
         <title>Label Assistant Reply</title>
         <meta name="description" content="Label Assistant Reply" />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/label/label_initial_prompt.tsx

@@ -21,7 +21,7 @@ const LabelInitialPrompt = () => {
         <title>Label Initial Prompt</title>
         <meta name="description" content="Label Initial Prompt" />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };

website/src/pages/label/label_prompter_reply.tsx

@@ -21,7 +21,7 @@ const LabelPrompterReply = () => {
         <title>Label Prompter Reply</title>
         <meta name="description" content="Label Prompter Reply" />
       </Head>
-      <Task key={tasks[0].task.id} task={tasks[0].task} trigger={trigger} mutate={reset} />
+      <Task key={tasks[0].task.id} frontendId={tasks[0].id} task={tasks[0].task} trigger={trigger} mutate={reset} />
     </>
   );
 };