Fix according to review

Author: AdJez

src/frontend/css/components/checkbox.css

@@ -14,7 +14,7 @@
 }
 
 .dsfr-checkbox {
-  @apply flex items-center justify-center w-4 h-4  bg-dsfr-grey-500;
+  @apply flex items-center justify-center w-4 h-4 border border-dsfr-primary-500 rounded-xs bg-white;
   svg {
     display: none;
   }

src/frontend/js/components/ReferralAppendices/Appendix.tsx

@@ -30,9 +30,6 @@ import { getErrorMessage } from '../../utils/errors';
 import { FileLoadingState } from '../FileUploader/FileLoadingState';
 import { GenericModalContext } from '../../data/providers/GenericModalProvider';
 import { AppendixDocument } from './AppendixDocument';
-import { ValidateAppendixModal } from '../modals/ValidateAppendixModal';
-import { RequestChangeAppendixModal } from '../modals/RequestChangeAppendixModal';
-import { ValidationAppendixModal } from '../modals/ValidationAppendixModal';
 import { AppendixContext } from '../../data/providers/AppendixProvider';
 import { AppendixUpdateButton } from '../FileUploader/AppendixUpdateButton';
 import { BaseSideModalContext } from '../../data/providers/BaseSideModalProvider';
@@ -119,10 +116,6 @@ export const Appendix: React.FC<AppendixProps> = ({
   const intl = useIntl();
   const [options, setOptions] = useState<Array<SelectOption>>([]);
   const { openBaseSideModal } = useContext(BaseSideModalContext);
-
-  const [isValidationModalOpen, setValidationModalOpen] = useState(false);
-  const [isValidateModalOpen, setValidateModalOpen] = useState(false);
-  const [isRequestChangeModalOpen, setRequestChangeModalOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
   const appendixNumber = appendix?.appendix_number ?? appendicesLength - index;
 
@@ -404,20 +397,6 @@ export const Appendix: React.FC<AppendixProps> = ({
                       !referralIsClosed(referral) && (
                         <>
                           <ValidationSelect options={options} />
-                          <ValidateAppendixModal
-                            appendixNumber={appendixNumber}
-                            setModalOpen={setValidateModalOpen}
-                            isModalOpen={isValidateModalOpen}
-                          />
-                          <RequestChangeAppendixModal
-                            appendixNumber={appendixNumber}
-                            setModalOpen={setRequestChangeModalOpen}
-                            isModalOpen={isRequestChangeModalOpen}
-                          />
-                          <ValidationAppendixModal
-                            setValidationModalOpen={setValidationModalOpen}
-                            isValidationModalOpen={isValidationModalOpen}
-                          />
                         </>
                       )}
                   </div>

src/frontend/js/components/ReferralReport/Version.tsx

@@ -25,10 +25,7 @@ import { IconTextButton } from '../buttons/IconTextButton';
 import { VersionDocument } from './VersionDocument';
 import { VersionEventIndicator } from './VersionEventIndicator';
 import { VersionContext } from '../../data/providers/VersionProvider';
-import { ValidationModal } from '../modals/ValidationModal';
 import { ValidationSelect } from '../select/ValidationSelect';
-import { ValidateModal } from '../modals/ValidateModal';
-import { RequestChangeModal } from '../modals/RequestChangeModal';
 import * as Sentry from '@sentry/react';
 import { isGranted, isSuperAdmin } from '../../utils/user';
 import { Nullable } from '../../types/utils';
@@ -38,11 +35,9 @@ import { ScanVerified } from '../Attachment/ScanVerified';
 import { getErrorMessage } from '../../utils/errors';
 import { FileLoadingState } from '../FileUploader/FileLoadingState';
 import { GenericModalContext } from '../../data/providers/GenericModalProvider';
-import { RequestChangeAppendixContent } from '../modals/RequestChangeAppendixContent';
 import { BaseSideModalContext } from '../../data/providers/BaseSideModalProvider';
 import { RequestChangeContent } from '../modals/RequestChangeContent';
 import { ValidateContent } from '../modals/ValidateContent';
-import { ValidationAppendixContent } from '../modals/ValidationAppendixContent';
 import { ValidationContent } from '../modals/ValidationContent';
 
 interface VersionProps {
@@ -126,9 +121,6 @@ export const Version: React.FC<VersionProps> = ({
   const [options, setOptions] = useState<Array<SelectOption>>([]);
   const [isModalOpen, setModalOpen] = useState(false);
   const [isWarningModalOpen, setWarningModalOpen] = useState(false);
-  const [isValidationModalOpen, setValidationModalOpen] = useState(false);
-  const [isValidateModalOpen, setValidateModalOpen] = useState(false);
-  const [isRequestChangeModalOpen, setRequestChangeModalOpen] = useState(false);
   const [isLoading, setIsLoading] = useState(false);
   const [activeVersion, setActiveVersion] = useState(0);
   const versionNumber = version?.version_number ?? versionsLength - index;
@@ -414,20 +406,6 @@ export const Version: React.FC<VersionProps> = ({
                         referral.validation_state === 1 && (
                           <>
                             <ValidationSelect options={options} />
-                            <ValidateModal
-                              versionNumber={versionNumber}
-                              setModalOpen={setValidateModalOpen}
-                              isModalOpen={isValidateModalOpen}
-                            />
-                            <RequestChangeModal
-                              versionNumber={versionNumber}
-                              setModalOpen={setRequestChangeModalOpen}
-                              isModalOpen={isRequestChangeModalOpen}
-                            />
-                            <ValidationModal
-                              setValidationModalOpen={setValidationModalOpen}
-                              isValidationModalOpen={isValidationModalOpen}
-                            />
                           </>
                         )}
                       <IconTextButton