fix: post submission posts updated doc text

CS3219-AY2324S1 · Nov 13, 2023 · 2378c4a · 2378c4a
1 parent f1cc010
commit 2378c4a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/frontend/app/src/features/room/components/code/CodeEditor.tsx b/frontend/app/src/features/room/components/code/CodeEditor.tsx
@@ -13,6 +13,7 @@ interface CodeEditorProps {
   className?: string;
   roomId: string;
   language: LanguageSupport;
+  setCurrentDocState: Dispatch<SetStateAction<string>>;
 }
 
 export const CodeEditor = ({
@@ -21,6 +22,7 @@ export const CodeEditor = ({
   socket,
   roomId,
   language,
+  setCurrentDocState,
 }: CodeEditorProps) => {
   const [version, setVersion] = useState<number | null>(null);
   const [isLoading, setLoading] = useState(true);
@@ -75,6 +77,7 @@ export const CodeEditor = ({
           peerExtension(socket, version),
           EditorView.lineWrapping,
         ]}
+        onChange={value => setCurrentDocState(value)}
         value={doc}
       />
     );

diff --git a/frontend/app/src/features/room/components/code/Collaborator.tsx b/frontend/app/src/features/room/components/code/Collaborator.tsx
@@ -56,6 +56,7 @@ export const Collaborator = ({
   const [activeQuestionId, setActiveQuestionId] = useState(questionId);
   // Lifted state from `CodeEditor` component
   const [doc, setDoc] = useState<string | null>(null);
+  const [currentDocState, setCurrentDocState] = useState("");
   const toast = useToast();
   const { mutate: markAsComplete, isLoading: isPostSubmissionLoading } =
     usePostSubmission();
@@ -151,7 +152,7 @@ export const Collaborator = ({
   };
 
   const handleMarkAsComplete = () => {
-    if (!doc || !activeQuestionId) {
+    if (!currentDocState || !activeQuestionId) {
       toast({
         status: "error",
         title: "Cannot submit empty code or question",
@@ -176,7 +177,7 @@ export const Collaborator = ({
 
     markAsComplete({
       submission: {
-        code: doc,
+        code: currentDocState,
         questionId: activeQuestionId.toString(),
         lang: languageKey,
         ...(otherUserId ? { otherUserId } : {}),
@@ -268,6 +269,7 @@ export const Collaborator = ({
           socket={socket}
           roomId={roomId}
           language={currentLanguage}
+          setCurrentDocState={setCurrentDocState}
         />
         <ChatBubble roomId={roomId} />
       </VStack>
@@ -282,6 +284,7 @@ export const Collaborator = ({
         socket={socket}
         roomId={roomId}
         language={currentLanguage}
+        setCurrentDocState={setCurrentDocState}
       />
       <ChatBubble roomId={roomId} />
     </VStack>