Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { Box, CssBaseline, Grid, InputLabel, useTheme } from '@mui/material';
import { Field } from 'formik';
import React, { ChangeEvent, useContext, useEffect, useState } from 'react';
import { useTranslation } from 'react-i18next';

import {
FileUploadComponent,
Expand Down Expand Up @@ -28,7 +29,7 @@ function QuestionaryComponentTechnicalReviewBasis(props: BasicComponentProps) {
},
formikProps,
} = props;

const { t } = useTranslation();
const theme = useTheme();
const { state, dispatch } = useContext(
QuestionaryContext
Expand Down Expand Up @@ -156,8 +157,13 @@ function QuestionaryComponentTechnicalReviewBasis(props: BasicComponentProps) {
isInstrumentScientist ||
fapSecOrChairCanEdit) && (
<Grid item xs={12}>
<InputLabel htmlFor="comment" shrink margin="dense">
Internal comment
<InputLabel
htmlFor="comment"
margin="dense"
sx={{ fontWeight: 'bold', color: 'text.primary' }}
>
Internal comment - To only be seen by other technical
reviewers
</InputLabel>
{/* NOTE: We are using Editor directly instead of FormikUICustomEditor with Formik Field component.
This is because FormikUICustomEditor is not updated properly when we set form field onEditorChange.
Expand Down Expand Up @@ -209,8 +215,13 @@ function QuestionaryComponentTechnicalReviewBasis(props: BasicComponentProps) {
isInstrumentScientist ||
fapSecOrChairCanEdit) && (
<Grid item xs={12}>
<InputLabel htmlFor="comment" shrink margin="dense">
Internal documents
<InputLabel
htmlFor="comment"
margin="dense"
sx={{ fontWeight: 'bold', color: 'text.primary' }}
>
Internal documents - To only be seen by other technical
reviewers
</InputLabel>
<FileUploadComponent
maxFiles={5}
Expand Down Expand Up @@ -241,8 +252,12 @@ function QuestionaryComponentTechnicalReviewBasis(props: BasicComponentProps) {
</Grid>
)}
<Grid item xs={12}>
<InputLabel htmlFor="publicComment" shrink margin="dense">
Comments for the review panel
<InputLabel
htmlFor="publicComment"
margin="dense"
sx={{ fontWeight: 'bold', color: 'text.primary' }}
>
{`Comments be seen by the ${t('FAP')} panels`}
</InputLabel>
<Editor
id="publicComment"
Expand Down
Loading