Enable themed modals

services/web/modules/admin-tools/frontend/js/project-list/components/modals/projects-action-modal.tsx

@@ -104,6 +104,7 @@ function ProjectsActionModal({
       show={showModal}
       onHide={handleCloseModal}
       id="admin-action-project-modal"
+      themed="true"
       backdrop="static"
     >
       <OLModalHeader>

services/web/modules/admin-tools/frontend/js/project-list/components/modals/transfer-project-modal.tsx

@@ -93,8 +93,7 @@ function TransferProjectModal({
     >
       <p>{t('ownership_of_projects_will_be_transferred')}</p>
       <ProjectsList projects={projects} projectsToDisplay={projectsToDisplay} />
-
-      <OLForm className="add-collabs">
+      <OLForm id="ownership-form">
         <OLFormGroup>
           <SelectOwnerForm
             loading={!potentialOwners}
@@ -104,15 +103,15 @@ function TransferProjectModal({
           />
         </OLFormGroup>
 
-          <OLFormGroup controlId="send_notification_emails_checkbox">
-            <OLFormCheckbox
-              autoComplete="off"
-              onChange={handleCheckboxChange}
-              name="sendEmails"
-              label={t('send_notification_emails_to_users')}
-              checked={sendEmails}
-            />
-          </OLFormGroup>
+        <OLFormGroup controlId="send_notification_emails_checkbox">
+          <OLFormCheckbox
+            autoComplete="off"
+            onChange={handleCheckboxChange}
+            name="sendEmails"
+            label={t('send_notification_emails_to_users')}
+            checked={sendEmails}
+          />
+        </OLFormGroup>
       </OLForm>
     </ProjectsActionModal>
   )

services/web/modules/admin-tools/frontend/js/user-list/components/create-account-button/create-account-modal.tsx

@@ -13,6 +13,7 @@ function CreateAccountModal({ onHide }: CreateAccountModalProps) {
       onHide={onHide}
       id="blank-user-modal"
       backdrop="static"
+      themed="true"
     >
       <ModalContentNewUserForm handleCloseModal={onHide} />
     </OLModal>

services/web/modules/admin-tools/frontend/js/user-list/components/modals/update-user-modal.tsx

@@ -4,7 +4,6 @@ import getMeta from '@/utils/meta'
 import UsersActionModal from './users-action-modal'
 import UsersList from './users-list'
 import Notification from '@/shared/components/notification'
-import OLForm from '@/shared/components/ol/ol-form'
 import OLFormLabel from '@/shared/components/ol/ol-form-label'
 import OLFormControl from '@/shared/components/ol/ol-form-control'
 import OLFormGroup from '@/shared/components/ol/ol-form-group'

services/web/modules/admin-tools/frontend/js/user-list/components/modals/users-action-modal.tsx

@@ -4,6 +4,7 @@ import * as eventTracking from '@/infrastructure/event-tracking'
 import { isSmallDevice } from '@/infrastructure/event-tracking'
 import { getUserFacingMessage } from '@/infrastructure/fetch-json'
 import useIsMounted from '@/shared/hooks/use-is-mounted'
+import OLForm from '@/shared/components/ol/ol-form'
 import OLButton from '@/shared/components/ol/ol-button'
 import {
   OLModal,
@@ -97,12 +98,17 @@ function UsersActionModal({
       onHide={handleCloseModal}
       id="action-user-modal"
       backdrop="static"
+      themed="true"
     >
       <OLModalHeader>
         <OLModalTitle>{title}</OLModalTitle>
       </OLModalHeader>
       <OLModalBody>
+      <OLForm 
+        id="action-user-form"
+      >
         {children}
+      </OLForm>
         {!isProcessing &&
           errors.length > 0 &&
           errors.map((error, i) => (
@@ -122,8 +128,8 @@ function UsersActionModal({
           </OLButton>
         )}
         <OLButton
-          variant={variant}
           onClick={() => handleActionForUsers(users, options)}
+          variant={variant}
           disabled={isProcessing || actionIsDisabled}
         >
           {actionLabel}