Connect to backend

Author: EugeneOYZ1203n

src/commons/sagas/RequestsSaga.ts

@@ -1331,6 +1331,26 @@ export const removeAssessmentConfig = async (
   return resp;
 };
 
+/**
+ * POST /courses/{courseId}/admin/generate-comments/{submissionId}/{questionId}
+ */
+export const postGenerateComments = async (
+  tokens: Tokens,
+  submission_id: integer,
+  question_id: integer
+): Promise<{comments:string[]} | null> => {
+  const resp = await request(`${courseId()}/admin/generate-comments/${submission_id}/${question_id}`, 'POST', {
+    ...tokens
+  });
+  if (!resp || !resp.ok) {
+    return null;
+  }
+
+  return await resp.json();
+};
+
+
+
 /**
  * GET /courses/{courseId}/admin/users
  */

src/pages/academy/grading/subcomponents/GradingCommentSelector.tsx

@@ -6,21 +6,22 @@ type Props = {
 };
 
 const GradingCommentSelector : React.FC<Props> = (prop) => {
-  return (
-    <div className="grading-comment-selector">
-        <div className="grading-comment-selector-title">
-            Comment Suggestions: 
-        </div>
-        {prop.comments.map(el => {
-            return <div 
-                className="grading-comment-selector-item"
-                onClick={() => {prop.setEditor(el)}}
-            >
-                {el}
+
+    return (
+        <div className="grading-comment-selector">
+            <div className="grading-comment-selector-title">
+                Comment Suggestions: 
             </div>
-        })}
-    </div>
-  )
+            {prop.comments.map(el => {
+                return <div 
+                    className="grading-comment-selector-item"
+                    onClick={() => {prop.setEditor(el)}}
+                >
+                    {el}
+                </div>
+            })}
+        </div>
+    )
 }
 
 export default GradingCommentSelector

src/pages/academy/grading/subcomponents/GradingEditor.tsx

@@ -27,6 +27,9 @@ import {
 import { convertParamToInt } from '../../../../commons/utils/ParamParseHelper';
 import GradingCommentSelector from './GradingCommentSelector';
 
+import { useTokens } from 'src/commons/utils/Hooks';
+import { postGenerateComments } from '../../../../commons/sagas/RequestsSaga';
+
 type GradingSaveFunction = (
   submissionId: number,
   questionId: number,
@@ -52,6 +55,7 @@ const gradingEditorButtonClass = 'grading-editor-button';
 
 const GradingEditor: React.FC<Props> = props => {
   const dispatch = useDispatch();
+  const tokens = useTokens();
   const { handleGradingSave, handleGradingSaveAndContinue, handleReautogradeAnswer } = useMemo(
     () =>
       ({
@@ -102,6 +106,15 @@ const GradingEditor: React.FC<Props> = props => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.submissionId, props.questionId]);
 
+  const getCommentSuggestions = async () => {
+    const resp = await postGenerateComments(
+      tokens,props.submissionId,props.questionId
+    )
+    return resp
+  }
+
+  const [suggestions, setSuggestions] = useState<string[]>([])
+
   const makeInitialState = () => {
     setXpAdjustmentInput(props.xpAdjustment.toString());
     setEditorValue(props.comments);
@@ -307,8 +320,16 @@ const GradingEditor: React.FC<Props> = props => {
 
       <GradingCommentSelector 
         setEditor={setEditorValue}
-        comments={["Test comment 1", "Test comment 3"]}
+        comments={suggestions}
       />
+      <Button
+        onClick={async ()=>{
+          const resp = await getCommentSuggestions();
+          console.log(resp!.comments)
+          setSuggestions(resp!.comments);
+        }}>
+        Get comments
+      </Button>
 
       <div className="react-mde-parent">
         <ReactMde

src/pages/playground/Playground.tsx

@@ -98,7 +98,6 @@ import {
   makeSubstVisualizerTabFrom,
   mobileOnlyTabIds
 } from './PlaygroundTabs';
-import GradingWorkspace from '../academy/grading/subcomponents/GradingWorkspace';
 
 export type PlaygroundProps = {
   isSicpEditor?: boolean;
@@ -1038,9 +1037,7 @@ const Playground: React.FC<PlaygroundProps> = props => {
   ) : (
 
     <div className={classNames('Playground', Classes.DARK, isGreen && 'GreenScreen')}>
-      
-      <GradingWorkspace submissionId={1} questionId={1}/>
-      {false && <Workspace {...workspaceProps} />}
+      <Workspace {...workspaceProps} />
     </div>
   );
 };