Add correcting instructions in frontend

client/src/interfaces/ApiModels.ts

@@ -56,6 +56,7 @@ export interface Question extends NameID {
   slide_id: number
   total_score: number
   type_id: number
+  correcting_instructions: string
 }
 
 export interface QuestionAlternative {

client/src/interfaces/ApiRichModels.ts

@@ -36,5 +36,6 @@ export interface RichQuestion {
   total_score: number
   question_type: QuestionType
   type_id: number
+  correcting_instructions: string
   alternatives: QuestionAlternative[]
 }

client/src/pages/presentationEditor/components/slideSettingsComponents/Instructions.tsx

@@ -30,7 +30,7 @@ const Instructions = ({ activeSlide, competitionId }: InstructionsProps) => {
             .put(
               `/api/competitions/${competitionId}/slides/${activeSlide.id}/questions/${activeSlide.questions[0].id}`,
               {
-                instructions: event.target.value,
+                correcting_instructions: event.target.value,
               }
             )
             .then(() => {
@@ -56,7 +56,7 @@ const Instructions = ({ activeSlide, competitionId }: InstructionsProps) => {
         <Center>
           <TextField
             id="outlined-basic"
-            defaultValue={''}
+            defaultValue={activeSlide.questions[0].correcting_instructions}
             onChange={updateInstructionsText}
             variant="outlined"
             fullWidth={true}

client/src/pages/views/components/JudgeScoringInstructions.tsx

@@ -20,7 +20,7 @@ const JudgeScoringInstructions = ({ question }: JudgeScoringInstructionsProps) =
   return (
     <JudgeScoringInstructionsContainer elevation={3}>
       <Typography variant="h4">Rättningsinstruktioner</Typography>
-      <Typography variant="body1">Såhär rättar du denhär frågan</Typography>
+      <Typography variant="body1">{question.correcting_instructions}</Typography>
     </JudgeScoringInstructionsContainer>
   )
 }