agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-11-15 06:33:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

Admin Tools: fix for 6.3.0

Browse Source
This commit is contained in:
yu-i-i
2026-09-27 18:11:27 +02:00
parent 4552eef3f6
commit 404623dc25
16 changed files with 329 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/modules/admin-tools/frontend/js/project-list/components/dropdown/actions-dropdown.tsx
+27 -33
View File
@@ -1,10 +1,10 @@
import { useTranslation } from 'react-i18next'
import {
Dropdown,
DropdownItem,
DropdownMenu,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownItem,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import DownloadProjectButton from '../table/cells/action-buttons/download-project-button'
import TrashProjectButton from '../table/cells/action-buttons/trash-project-button'
import UntrashProjectButton from '../table/cells/action-buttons/untrash-project-button'
@@ -16,128 +16,122 @@ import { Project } from '../../../../../types/project/api'
import MaterialIcon from '@/shared/components/material-icon'
import OLSpinner from '@/shared/components/ol/ol-spinner'
type ActionDropdownProps = {
type ActionsDropdownProps = {
project: Project
}
function ActionsDropdown({ project }: ActionDropdownProps) {
function ActionsDropdown({ project }: ActionsDropdownProps) {
const { t } = useTranslation()
return (
<Dropdown align="end">
<DropdownToggle
<OLDropdown align="end">
<OLDropdownToggle
id={`project-actions-dropdown-toggle-btn-${project.id}`}
bsPrefix="dropdown-table-button-toggle"
>
<MaterialIcon type="more_vert" accessibilityLabel={t('actions')} />
</DropdownToggle>
<DropdownMenu flip={false}>
</OLDropdownToggle>
<OLDropdownMenu flip={false}>
<DownloadProjectButton project={project}>
{(text, downloadProject) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={downloadProject}
leadingIcon="download"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</DownloadProjectButton>
<TransferProjectButton project={project}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="swap_horiz"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</TransferProjectButton>
<TrashProjectButton project={project}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="delete"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</TrashProjectButton>
<UntrashProjectButton project={project}>
{(text, untrashProject) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={untrashProject}
leadingIcon="restore_page"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</UntrashProjectButton>
<DeleteProjectButton project={project}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="block"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</DeleteProjectButton>
<RestoreProjectButton project={project}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="restore"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</RestoreProjectButton>
<PurgeProjectButton project={project}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="delete_forever"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</PurgeProjectButton>
</DropdownMenu>
</Dropdown>
</OLDropdownMenu>
</OLDropdown>
)
}
services/web/modules/admin-tools/frontend/js/project-list/components/dropdown/projects-dropdown.tsx
+14 -14
View File
@@ -5,12 +5,12 @@ import {
useProjectListContext,
} from '../../context/project-list-context'
import {
Dropdown,
DropdownHeader,
DropdownItem,
DropdownMenu,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownHeader,
OLDropdownItem,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import BackToUserList from '../back-to-user-list'
import ProjectsFilterMenu from '../projects-filter-menu'
@@ -30,7 +30,7 @@ export function Item({ filter, text, onClick }: ItemProps) {
return (
<ProjectsFilterMenu filter={filter}>
{isActive => (
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleClick}
@@ -38,7 +38,7 @@ export function Item({ filter, text, onClick }: ItemProps) {
active={isActive}
>
{text}
</DropdownItem>
</OLDropdownItem>
)}
</ProjectsFilterMenu>
)
@@ -60,8 +60,8 @@ function ProjectsDropdown() {
}, [filter, t])
return (
<Dropdown>
<DropdownToggle
<OLDropdown>
<OLDropdownToggle
id="projects-types-dropdown-toggle-btn"
className="ps-0 mb-0 btn-transparent h4"
size="lg"
@@ -70,8 +70,8 @@ function ProjectsDropdown() {
<span className="text-truncate" aria-hidden>
{title}
</span>
</DropdownToggle>
<DropdownMenu flip={false}>
</OLDropdownToggle>
<OLDropdownMenu flip={false}>
<li role="none">
<Item filter="owned" text={t('all_projects')} />
</li>
@@ -84,8 +84,8 @@ function ProjectsDropdown() {
<li role="none">
<Item filter="deleted" text={t('deleted_projects')} />
</li>
</DropdownMenu>
</Dropdown>
</OLDropdownMenu>
</OLDropdown>
)
}
services/web/modules/admin-tools/frontend/js/project-list/components/dropdown/sort-by-dropdown.tsx
+16 -16
View File
@@ -5,23 +5,23 @@ import withContent, { SortBtnProps } from '../sort/with-content'
import { useProjectListContext } from '../../context/project-list-context'
import { Sort } from '../../../../../types/project/api'
import {
Dropdown,
DropdownHeader,
DropdownItem,
DropdownMenu,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownHeader,
OLDropdownItem,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
function Item({ onClick, text, iconType }: SortBtnProps) {
return (
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={onClick}
trailingIcon={iconType}
>
{text}
</DropdownItem>
</OLDropdownItem>
)
}
@@ -48,8 +48,8 @@ function SortByDropdown() {
}, [sort.by])
return (
<Dropdown className="projects-sort-dropdown" align="end">
<DropdownToggle
<OLDropdown className="projects-sort-dropdown" align="end">
<OLDropdownToggle
id="projects-sort-dropdown"
className="pe-0 mb-0 btn-transparent"
size="sm"
@@ -58,11 +58,11 @@ function SortByDropdown() {
<span className="text-truncate" aria-hidden>
{title}
</span>
</DropdownToggle>
<DropdownMenu flip={false}>
<DropdownHeader className="text-uppercase">
</OLDropdownToggle>
<OLDropdownMenu flip={false}>
<OLDropdownHeader className="text-uppercase">
{t('sort_by')}:
</DropdownHeader>
</OLDropdownHeader>
<ItemWithContent
column="title"
text={t('title')}
@@ -90,8 +90,8 @@ function SortByDropdown() {
onClick={() => handleClick('deletedAt')}
/>
)}
</DropdownMenu>
</Dropdown>
</OLDropdownMenu>
</OLDropdown>
)
}
services/web/modules/admin-tools/frontend/js/project-list/components/project-list-ds-nav.tsx
+1 -1
View File
@@ -8,7 +8,7 @@ import ProjectListTitle from './title/project-list-title'
import LoadMore from './load-more'
import OLCol from '@/shared/components/ol/ol-col'
import OLRow from '@/shared/components/ol/ol-row'
import { TableContainer } from '@/shared/components/table'
import { TableContainer } from '@/shared/components/ol/ol-table'
import DashApiError from '@/features/project-list/components/dash-api-error'
import getMeta from '@/utils/meta'
import DefaultNavbar from '@/shared/components/navbar/default-navbar'
services/web/modules/admin-tools/frontend/js/project-list/components/project-list-summary.tsx
+13 -13
View File
@@ -1,10 +1,10 @@
import { useTranslation } from 'react-i18next'
import {
Dropdown,
DropdownMenu,
DropdownItem,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownMenu,
OLDropdownItem,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import { useProjectListContext } from '../context/project-list-context'
const OPTIONS = [20, 40, 80]
@@ -31,28 +31,28 @@ export default function ProjectListSummary() {
<span className="mx-2">·</span>
<span className="d-inline-flex gap-1">
<Dropdown>
<OLDropdown>
<DropdownToggle
<OLDropdownToggle
as="span"
className="entries-per-page-toggle"
>
{projectsPerPage}
</DropdownToggle>
</OLDropdownToggle>
<DropdownMenu>
<OLDropdownMenu>
{OPTIONS.map((value) => (
<DropdownItem
<OLDropdownItem
key={value}
active={value === projectsPerPage}
onClick={() => setProjectsPerPage(value)}
>
{value}
</DropdownItem>
</OLDropdownItem>
))}
</DropdownMenu>
</OLDropdownMenu>
</Dropdown>
</OLDropdown>
<span>{t('per_page')}</span>
</span>
</div>
services/web/modules/admin-tools/frontend/js/project-list/components/select-owner-form.tsx
+3 -3
View File
@@ -3,7 +3,7 @@ import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react'
import { useTranslation } from 'react-i18next'
import { useCombobox } from 'downshift'
import MaterialIcon from '@/shared/components/material-icon'
import { DropdownItem } from '@/shared/components/dropdown/dropdown-menu'
import { OLDropdownItem } from '@/shared/components/ol/ol-dropdown-menu'
import OLFormLabel from '@/shared/components/ol/ol-form-label'
import OLSpinner from '@/shared/components/ol/ol-spinner'
import { UserRef } from '../../../../types/project/api'
@@ -173,7 +173,7 @@ const SelectOwnerForm = React.forwardRef<
key={item.id}
{...getItemProps({ item, index })}
>
<DropdownItem
<OLDropdownItem
as="span"
role={undefined}
leadingIcon="person"
@@ -182,7 +182,7 @@ const SelectOwnerForm = React.forwardRef<
})}
>
{getDisplayName(item)}
</DropdownItem>
</OLDropdownItem>
</li>
))}
</ul>
services/web/modules/admin-tools/frontend/js/project-list/components/sidebar/sidebar-ds-nav.tsx
+7 -57
View File
@@ -1,7 +1,11 @@
import classnames from 'classnames'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Dropdown } from 'react-bootstrap'
import {
OLDropdown,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import { User as UserIcon } from '@phosphor-icons/react'
import { usePersistedResize } from '@/shared/hooks/use-resize'
import getMeta from '@/utils/meta'
@@ -13,6 +17,7 @@ import { useUserIdentityContext } from '../../../user-list/context/user-identity
import { useProjectListContext } from '../../context/project-list-context'
import { useScrolled } from '@/features/project-list/components/sidebar/use-scroll'
import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
import { SidebarLowerSection } from '@/shared/components/sidebar/sidebar-lower-section'
function SidebarDsNav() {
const { t } = useTranslation()
@@ -79,62 +84,7 @@ function SidebarDsNav() {
scrolledUp && 'show-shadow'
)}
>
<nav
className="d-flex flex-row gap-3 mb-2"
aria-label={t('account_help')}
>
{sessionUser && (
<>
<Dropdown
className="ds-nav-icon-dropdown"
onToggle={show => {
setShowAccountDropdown(show)
if (show) {
sendMB('menu-expand', {
item: 'account',
location: 'sidebar',
})
}
}}
role="menu"
>
<Dropdown.Toggle role="menuitem" aria-label={t('Account')}>
<OLTooltip
description={t('Account')}
id="open-account"
overlayProps={{
placement: 'top',
}}
hidden={showAccountDropdown}
>
<div>
<UserIcon size={24} />
</div>
</OLTooltip>
</Dropdown.Toggle>
<Dropdown.Menu
as="ul"
role="menu"
align="end"
popperConfig={{
modifiers: [
{ name: 'offset', options: { offset: [-50, 5] } },
],
}}
>
<AccountMenuItems
sessionUser={sessionUser}
showSubscriptionLink={false}
showThemeToggle={true}
/>
</Dropdown.Menu>
</Dropdown>
</>
)}
</nav>
<div className="ds-nav-ds-name" translate="no">
<span>Extended CE</span>
</div>
<SidebarLowerSection showThemeToggle />
</div>
<div
{...getHandleProps({
services/web/modules/admin-tools/frontend/js/user-list/components/dropdown/actions-dropdown.tsx
+27 -27
View File
@@ -1,11 +1,11 @@
import { useTranslation } from 'react-i18next'
import getMeta from '@/utils/meta'
import {
Dropdown,
DropdownItem,
DropdownMenu,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownItem,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import MaterialIcon from '@/shared/components/material-icon'
import OLSpinner from '@/shared/components/ol/ol-spinner'
import FlagUserButton from '../table/cells/action-buttons/flag-user-button'
@@ -22,27 +22,27 @@ const flagActions = [
{ action: 'resume', icon: 'resume', unfilled: false },
]
type ActionDropdownProps = {
type ActionsDropdownProps = {
user: User
}
function ActionsDropdown({ user }: ActionDropdownProps) {
function ActionsDropdown({ user }: ActionsDropdownProps) {
const { t } = useTranslation()
const isSelf = getMeta('ol-user_id') === user.id
return (
<Dropdown align="end">
<DropdownToggle
<OLDropdown align="end">
<OLDropdownToggle
id={`user-actions-dropdown-toggle-btn-${user.id}`}
bsPrefix="dropdown-table-button-toggle"
>
<MaterialIcon type="more_vert" accessibilityLabel={t('actions')} />
</DropdownToggle>
<DropdownMenu flip={false}>
</OLDropdownToggle>
<OLDropdownMenu flip={false}>
<ShowUserInfoButton user={user}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
@@ -50,14 +50,14 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
unfilled={true}
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</ShowUserInfoButton>
<UpdateUserButton user={user}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
@@ -65,7 +65,7 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
unfilled={true}
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</UpdateUserButton>
@@ -75,7 +75,7 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
<FlagUserButton key={action} user={user} action={action}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
@@ -83,7 +83,7 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
unfilled={unfilled}
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</FlagUserButton>
@@ -92,7 +92,7 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
<DeleteUserButton user={user}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
@@ -100,7 +100,7 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
unfilled
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</DeleteUserButton>
@@ -108,14 +108,14 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
<RestoreUserButton user={user}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="restore"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</RestoreUserButton>
@@ -123,14 +123,14 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
<PurgeUserButton user={user}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
leadingIcon="delete_forever"
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</PurgeUserButton>
@@ -138,7 +138,7 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
<SendRegEmailButton user={user}>
{(text, handleOpenModal) => (
<li role="none">
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleOpenModal}
@@ -146,15 +146,15 @@ function ActionsDropdown({ user }: ActionDropdownProps) {
unfilled
>
{text}
</DropdownItem>
</OLDropdownItem>
</li>
)}
</SendRegEmailButton>
)}
</>
)}
</DropdownMenu>
</Dropdown>
</OLDropdownMenu>
</OLDropdown>
)
}
services/web/modules/admin-tools/frontend/js/user-list/components/dropdown/sort-by-dropdown.tsx
+16 -16
View File
@@ -1,12 +1,12 @@
import { useState, useEffect, useRef } from 'react'
import { useTranslation } from 'react-i18next'
import {
Dropdown,
DropdownHeader,
DropdownItem,
DropdownMenu,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownHeader,
OLDropdownItem,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import { useUserListContext } from '../../context/user-list-context'
import useSort from '../../hooks/use-sort'
import withContent, { SortBtnProps } from '../sort/with-content'
@@ -14,14 +14,14 @@ import { Sort } from '../../../../../types/user/api'
function Item({ onClick, text, iconType }: SortBtnProps) {
return (
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={onClick}
trailingIcon={iconType}
>
{text}
</DropdownItem>
</OLDropdownItem>
)
}
@@ -50,8 +50,8 @@ function SortByDropdown() {
}, [sort.by])
return (
<Dropdown className="projects-sort-dropdown" align="end">
<DropdownToggle
<OLDropdown className="projects-sort-dropdown" align="end">
<OLDropdownToggle
id="projects-sort-dropdown"
className="pe-0 mb-0 btn-transparent"
size="sm"
@@ -60,11 +60,11 @@ function SortByDropdown() {
<span className="text-truncate" aria-hidden>
{title}
</span>
</DropdownToggle>
<DropdownMenu flip={false}>
<DropdownHeader className="text-uppercase">
</OLDropdownToggle>
<OLDropdownMenu flip={false}>
<OLDropdownHeader className="text-uppercase">
{t('sort_by')}:
</DropdownHeader>
</OLDropdownHeader>
<ItemWithContent
column="name"
text={t('name')}
@@ -99,8 +99,8 @@ function SortByDropdown() {
sort={sort}
onClick={() => handleClick('lastActive')}
/>
</DropdownMenu>
</Dropdown>
</OLDropdownMenu>
</OLDropdown>
)
}
services/web/modules/admin-tools/frontend/js/user-list/components/dropdown/users-dropdown.tsx
+13 -13
View File
@@ -5,11 +5,11 @@ import {
useUserListContext,
} from '../../context/user-list-context'
import {
Dropdown,
DropdownItem,
DropdownMenu,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownItem,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import UsersFilterMenu from '../users-filter-menu'
type ItemProps = {
@@ -28,7 +28,7 @@ export function Item({ filter, text, onClick }: ItemProps) {
return (
<UsersFilterMenu filter={filter}>
{isActive => (
<DropdownItem
<OLDropdownItem
as="button"
tabIndex={-1}
onClick={handleClick}
@@ -36,7 +36,7 @@ export function Item({ filter, text, onClick }: ItemProps) {
active={isActive}
>
{text}
</DropdownItem>
</OLDropdownItem>
)}
</UsersFilterMenu>
)
@@ -49,8 +49,8 @@ function UsersDropdown() {
const title = filterTranslations.get(filter) ?? t('user_category_all')
return (
<Dropdown>
<DropdownToggle
<OLDropdown>
<OLDropdownToggle
id="users-types-dropdown-toggle-btn"
className="ps-0 mb-0 btn-transparent h3"
size="lg"
@@ -59,15 +59,15 @@ function UsersDropdown() {
<span className="text-truncate" aria-hidden>
{title}
</span>
</DropdownToggle>
<DropdownMenu flip={false}>
</OLDropdownToggle>
<OLDropdownMenu flip={false}>
{[...filterTranslations.entries()].map(([key, text]) => (
<li role="none" key={key}>
<Item filter={key} text={text} />
</li>
))}
</DropdownMenu>
</Dropdown>
</OLDropdownMenu>
</OLDropdown>
)
}
services/web/modules/admin-tools/frontend/js/user-list/components/sidebar/sidebar-ds-nav.tsx
+7 -57
View File
@@ -1,7 +1,11 @@
import classnames from 'classnames'
import { useState } from 'react'
import { useTranslation } from 'react-i18next'
import { Dropdown } from 'react-bootstrap'
import {
OLDropdown,
OLDropdownMenu,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import { User as UserIcon } from '@phosphor-icons/react'
import { usePersistedResize } from '@/shared/hooks/use-resize'
import getMeta from '@/utils/meta'
@@ -11,6 +15,7 @@ import SidebarFilters from './sidebar-filters'
import CreateAccountButton from '../create-account-button'
import { useSendUserListMB } from '../user-list-events'
import { useScrolled } from '@/features/project-list/components/sidebar/use-scroll'
import { SidebarLowerSection } from '@/shared/components/sidebar/sidebar-lower-section'
function SidebarDsNav() {
const { t } = useTranslation()
@@ -52,62 +57,7 @@ function SidebarDsNav() {
scrolledUp && 'show-shadow'
)}
>
<nav
className="d-flex flex-row gap-3 mb-2"
aria-label={t('account_help')}
>
{sessionUser && (
<>
<Dropdown
className="ds-nav-icon-dropdown"
onToggle={show => {
setShowAccountDropdown(show)
if (show) {
sendMB('menu-expand', {
item: 'account',
location: 'sidebar',
})
}
}}
role="menu"
>
<Dropdown.Toggle role="menuitem" aria-label={t('Account')}>
<OLTooltip
description={t('Account')}
id="open-account"
overlayProps={{
placement: 'top',
}}
hidden={showAccountDropdown}
>
<div>
<UserIcon size={24} />
</div>
</OLTooltip>
</Dropdown.Toggle>
<Dropdown.Menu
as="ul"
role="menu"
align="end"
popperConfig={{
modifiers: [
{ name: 'offset', options: { offset: [-50, 5] } },
],
}}
>
<AccountMenuItems
sessionUser={sessionUser}
showSubscriptionLink={false}
showThemeToggle={true}
/>
</Dropdown.Menu>
</Dropdown>
</>
)}
</nav>
<div className="ds-nav-ds-name" translate="no">
<span>Extended CE</span>
</div>
<SidebarLowerSection showThemeToggle />
</div>
<div
{...getHandleProps({
services/web/modules/admin-tools/frontend/js/user-list/components/table/cells/actions-cell.tsx
+4 -2
View File
@@ -19,8 +19,10 @@ export default function ActionsCell({ user }: ActionsCellProps) {
<span style={isSelf ? { visibility: 'hidden' } : undefined} >
<SendRegEmailButtonTooltip user={user} />
</span>
<ShowUserInfoButtonTooltip user={user} />
<UpdateUserButtonTooltip user={user} />
<span>
<ShowUserInfoButtonTooltip user={user} />
<UpdateUserButtonTooltip user={user} />
</span>
<span style={isSelf ? { visibility: 'hidden' } : undefined} >
<FlagUserButtonTooltip user={user} flag="suspended" />
</span>
services/web/modules/admin-tools/frontend/js/user-list/components/user-list-ds-nav.tsx
+1 -1
View File
@@ -10,7 +10,7 @@ import UserListTitle from './title/user-list-title'
import CountUsers from './count-users'
import OLCol from '@/shared/components/ol/ol-col'
import OLRow from '@/shared/components/ol/ol-row'
import { TableContainer } from '@/shared/components/table'
import { TableContainer } from '@/shared/components/ol/ol-table'
import DashApiError from '@/features/project-list/components/dash-api-error'
import getMeta from '@/utils/meta'
import DefaultNavbar from '@/shared/components/navbar/default-navbar'
services/web/modules/admin-tools/frontend/js/user-list/components/user-list-summary.tsx
+13 -13
View File
@@ -1,10 +1,10 @@
import { useTranslation } from 'react-i18next'
import {
Dropdown,
DropdownMenu,
DropdownItem,
DropdownToggle,
} from '@/shared/components/dropdown/dropdown-menu'
OLDropdown,
OLDropdownMenu,
OLDropdownItem,
OLDropdownToggle,
} from '@/shared/components/ol/ol-dropdown-menu'
import { useUserListContext } from '../context/user-list-context'
const OPTIONS = [20, 40, 80]
@@ -30,28 +30,28 @@ export default function UserListSummary() {
<span className="mx-2">·</span>
<span className="d-inline-flex gap-1">
<Dropdown>
<OLDropdown>
<DropdownToggle
<OLDropdownToggle
as="span"
className="entries-per-page-toggle"
>
{usersPerPage}
</DropdownToggle>
</OLDropdownToggle>
<DropdownMenu>
<OLDropdownMenu>
{OPTIONS.map((value) => (
<DropdownItem
<OLDropdownItem
key={value}
active={value === usersPerPage}
onClick={() => setUsersPerPage(value)}
>
{value}
</DropdownItem>
</OLDropdownItem>
))}
</DropdownMenu>
</OLDropdownMenu>
</Dropdown>
</OLDropdown>
<span>{t('per_page')}</span>
</span>