- {inflight &&
}
- {error && (
-
- {t('generic_something_went_wrong')}
-
+ {error && (
+
+ )}
+
+
+
+ {inflight && (
+ }
+ bs5={
+
+ }
+ />
)}
-
-
-
-
-
-
+
+ {t('cancel')}
+
+
+ {t('change_owner')}
+
+
+
)
}
TransferOwnershipModal.propTypes = {
diff --git a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-member.jsx b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-member.jsx
index 09f8249f87..cc173bd114 100644
--- a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-member.jsx
+++ b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-member.jsx
@@ -1,21 +1,27 @@
import PropTypes from 'prop-types'
-import { Col, Row } from 'react-bootstrap'
import MemberPrivileges from './member-privileges'
import Icon from '@/shared/components/icon'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import MaterialIcon from '@/shared/components/material-icon'
+import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
export default function ViewMember({ member }) {
return (
-
-
+
+
-
+
}
+ bs5={
}
+ />
{member.email}
-
-
+
+
-
-
+
+
)
}
diff --git a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal-content.tsx b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal-content.tsx
index b152258cd5..622e8c859e 100644
--- a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal-content.tsx
+++ b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal-content.tsx
@@ -1,6 +1,12 @@
-import { Button, Modal } from 'react-bootstrap'
import { useTranslation } from 'react-i18next'
import { sendMB } from '@/infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import {
+ OLModalBody,
+ OLModalFooter,
+ OLModalHeader,
+ OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
type ViewOnlyAccessModalContentProps = {
handleHide: () => void
@@ -13,18 +19,17 @@ export default function ViewOnlyAccessModalContent({
return (
<>
-
- {t('view_only_access')}
-
+
+ {t('view_only_access')}
+
-
+
{t('this_project_already_has_maximum_editors')}
{t('please_ask_the_project_owner_to_upgrade_more_editors')}
-
-
-
-
-
+
+
>
)
}
diff --git a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal.tsx b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal.tsx
index 93caa3335e..5bb1a33040 100644
--- a/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal.tsx
+++ b/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-only-access-modal.tsx
@@ -1,10 +1,10 @@
import { useEffect, useState } from 'react'
-import AccessibleModal from '@/shared/components/accessible-modal'
import ViewOnlyAccessModalContent from './view-only-access-modal-content'
import customLocalStorage from '@/infrastructure/local-storage'
import { useProjectContext } from '@/shared/context/project-context'
import { useEditorContext } from '@/shared/context/editor-context'
import { sendMB } from '@/infrastructure/event-tracking'
+import OLModal from '@/features/ui/components/ol/ol-modal'
const ViewOnlyAccessModal = () => {
const [show, setShow] = useState(false)
@@ -60,7 +60,7 @@ const ViewOnlyAccessModal = () => {
])
return show ? (
-
{
@@ -72,7 +72,7 @@ const ViewOnlyAccessModal = () => {
id="editor-over-limit-modal"
>
-
+
) : null
}
diff --git a/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
index 9156650e06..b13581894e 100644
--- a/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
+++ b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
@@ -6,6 +6,12 @@ import { useCombobox } from 'downshift'
import classnames from 'classnames'
import Icon from '../../../shared/components/icon'
+import MaterialIcon from '@/shared/components/material-icon'
+import Tag from '@/features/ui/components/bootstrap-5/tag'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
+import { bsVersion } from '@/features/utils/bootstrap-5'
+import { Spinner } from 'react-bootstrap-5'
// Unicode characters in these Unicode groups:
// "General Punctuation — Spaces"
@@ -154,12 +160,28 @@ export default function SelectCollaborators({
{/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-
+
{selectedItems.map((selectedItem, index) => (
-
-
+
+
{isOpen &&
filteredOptions.map((item, index) => (