feat: Added customizable text for correct and incorrect tasks

app/features/correction/RateableTaskView.tsx

@@ -10,11 +10,15 @@ import {
 } from '@material-ui/core';
 import { CheckCircleOutline, HighlightOff } from '@material-ui/icons';
 import React from 'react';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { commentsUpdateOne } from '../../model/CommentSlice';
 import RateableTask from '../../model/RateableTask';
 import Rating from '../../model/Rating';
 import { ratingsUpdateOne } from '../../model/RatingSlice';
+import {
+  CorrectionSettings,
+  selectSettingsCorrection,
+} from '../../model/SettingsSlice';
 import TaskCommentInput from './TaskCommentInput';
 
 type RateableTaskViewProps = {
@@ -25,6 +29,7 @@ type RateableTaskViewProps = {
 
 function RateableTaskView(props: RateableTaskViewProps) {
   const { task, type, rating } = props;
+  const settings: CorrectionSettings = useSelector(selectSettingsCorrection);
   const dispatch = useDispatch();
 
   function onChangeValue(e) {
@@ -47,7 +52,7 @@ function RateableTaskView(props: RateableTaskViewProps) {
     dispatch(
       commentsUpdateOne({
         id: rating.comment.id,
-        changes: { text: '' },
+        changes: { text: settings.taskCorrectText ?? '' },
       })
     );
   }
@@ -62,7 +67,7 @@ function RateableTaskView(props: RateableTaskViewProps) {
     dispatch(
       commentsUpdateOne({
         id: rating.comment.id,
-        changes: { text: 'Missing Solution' },
+        changes: { text: settings.taskIncorrectText ?? 'Missing Solution' },
       })
     );
   }

app/modals/SettingsModal.tsx

@@ -11,6 +11,7 @@ import GeneralSettingsList from './settings/GeneralSettingsList';
 import BackupSettingsList from './settings/BackupSettingsList';
 import MediaViewerSettingsList from './settings/MediaViewerSettingsList';
 import ExportSettingsList from './settings/ExportSettingsList';
+import CorrectionSettingsList from './settings/CorrectionSettingsList';
 
 type SettingsModalProps = ModalProps;
 
@@ -35,6 +36,8 @@ const SettingsModal: FC<SettingsModalProps> = ({ ...props }) => {
         <Divider variant="middle" component="div" />
         <BackupSettingsList />
         <Divider variant="middle" component="div" />
+        <CorrectionSettingsList />
+        <Divider variant="middle" component="div" />
         <MediaViewerSettingsList />
         <Divider variant="middle" component="div" />
         <ExportSettingsList />

app/modals/settings/CorrectionSettingsList.tsx

@@ -0,0 +1,90 @@
+/* eslint-disable react/jsx-curly-newline */
+/* eslint-disable react/jsx-wrap-multilines */
+import {
+  ListItemText,
+  ListItemSecondaryAction,
+  List,
+  ListItem,
+  ListSubheader,
+  TextField,
+} from '@material-ui/core';
+import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import {
+  CorrectionSettings,
+  selectSettingsCorrection,
+  settingsSetCorrection,
+} from '../../model/SettingsSlice';
+
+const CorrectionSettingsList = () => {
+  const dispatch = useDispatch();
+  const settings: CorrectionSettings = useSelector(selectSettingsCorrection);
+
+  if (!settings) {
+    // set default
+    dispatch(
+      settingsSetCorrection({
+        taskCorrectText: 'korrekt!',
+        taskIncorrectText: 'fehlt',
+      })
+    );
+    return null;
+  }
+
+  return (
+    <List subheader={<ListSubheader disableSticky>Correction</ListSubheader>}>
+      <ListItem>
+        <ListItemText
+          primary="Task Correct Text"
+          secondary="Comment text for a correct task"
+        />
+        <ListItemSecondaryAction>
+          <TextField
+            label="Text"
+            InputLabelProps={{
+              shrink: true,
+            }}
+            variant="outlined"
+            size="small"
+            value={settings.taskCorrectText}
+            onChange={(event) =>
+              dispatch(
+                settingsSetCorrection({
+                  ...settings,
+                  taskCorrectText: event.target.value,
+                })
+              )
+            }
+          />
+        </ListItemSecondaryAction>
+      </ListItem>
+      <ListItem>
+        <ListItemText
+          primary="Task Incorrect Text"
+          secondary="Comment text for a incorrect/missing task"
+        />
+        <ListItemSecondaryAction>
+          <TextField
+            label="Text"
+            InputLabelProps={{
+              shrink: true,
+            }}
+            variant="outlined"
+            size="small"
+            value={settings.taskIncorrectText}
+            onChange={(event) =>
+              dispatch(
+                settingsSetCorrection({
+                  ...settings,
+                  taskIncorrectText: event.target.value,
+                })
+              )
+            }
+          />
+        </ListItemSecondaryAction>
+      </ListItem>
+    </List>
+  );
+};
+
+export default CorrectionSettingsList;

app/model/SettingsSlice.ts

@@ -12,6 +12,11 @@ export interface BackupSettings {
   enabled: boolean;
 }
 
+export interface CorrectionSettings {
+  taskCorrectText: string;
+  taskIncorrectText: string;
+}
+
 export interface MediaViewerSettings {
   showFileName: boolean;
   cycleFiles: boolean;
@@ -28,6 +33,7 @@ export interface ExportSettings {
 export interface SettingsState {
   general: GeneralSettings;
   backup: BackupSettings;
+  correction: CorrectionSettings;
   mediaViewer: MediaViewerSettings;
   export: ExportSettings;
 }
@@ -42,6 +48,10 @@ const settingsSlice = createSlice({
     backup: {
       enabled: true,
     },
+    correction: {
+      taskCorrectText: 'korrekt',
+      taskIncorrectText: 'fehlt',
+    },
     mediaViewer: {
       showFileName: true,
       cycleFiles: false,
@@ -62,6 +72,9 @@ const settingsSlice = createSlice({
     settingsSetGeneral(state, action: PayloadAction<GeneralSettings>) {
       state.general = action.payload;
     },
+    settingsSetCorrection(state, action: PayloadAction<CorrectionSettings>) {
+      state.correction = action.payload;
+    },
     settingsSetBackup(state, action: PayloadAction<BackupSettings>) {
       state.backup = action.payload;
     },
@@ -103,6 +116,8 @@ export const selectSettingsGeneral = (state): GeneralSettings =>
   state.settings.general;
 export const selectSettingsBackup = (state): BackupSettings =>
   state.settings.backup;
+export const selectSettingsCorrection = (state): CorrectionSettings =>
+  state.settings.correction;
 export const selectSettingsMediaViewer = (state): MediaViewerSettings =>
   state.settings.mediaViewer;
 export const selectSettingsExport = (state): ExportSettings =>
@@ -111,6 +126,7 @@ export const selectSettings = (state) => state.settings;
 export const {
   settingsSetGeneral,
   settingsSetBackup,
+  settingsSetCorrection,
   settingsSetMediaViewer,
   settingsSetExport,
   settingsAddConditionalComment,