Skip to content

[frontend] Fix 'Manager deployment' columns alignment in Ingestion (#13303) #14571

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Gwendoline-FAVRE-FELIX merged 2 commits into from
Feb 25, 2026
Merged

[frontend] Fix 'Manager deployment' columns alignment in Ingestion (#13303) #14571

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
50f496d
[frontend] Fix 'Manager deployment' columns alignment (#13303)
Gwendoline-FAVRE-FELIX Feb 24, 2026
e77379d
[frontend] Fix 'Manager deployment' columns alignment (#13303)
Gwendoline-FAVRE-FELIX Feb 24, 2026
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
4 changes: 2 additions & 2 deletions opencti-platform/opencti-front/src/private/components/data/connectors/ConnectorsStatus.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -314,7 +314,7 @@ const ConnectorsStatusContent: FunctionComponent<ConnectorsStatusContentProps> =
<SortConnectorsHeader field="messages" label="Messages" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
<SortConnectorsHeader field="active" label="Status" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
<SortConnectorsHeader field="updated_at" label="Modified" isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
<SortConnectorsHeader field="is_managed" label={t_i18n('Manager deployment')} isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} />
<SortConnectorsHeader field="is_managed" label={t_i18n('Manager deployment')} isSortable orderAsc={orderAsc} sortBy={sortBy} reverseBy={reverseBy} textAlign="center" />
</div>
)}
/>
Expand Down Expand Up @@ -430,7 +430,7 @@ const ConnectorsStatusContent: FunctionComponent<ConnectorsStatusContentProps> =
</div>
<div
className={classes.bodyItem}
style={{ justifyContent: 'flex-start' }}
style={{ justifyContent: 'center' }}
>
<BooleanStatusIcon status={connector.is_managed} />
</div>
Expand Down
8 changes: 4 additions & 4 deletions ...ti-platform/opencti-front/src/private/components/data/connectors/SortConnectorsHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import React, { CSSProperties } from 'react';
import { ArrowDropDownOutlined, ArrowDropUpOutlined } from '@mui/icons-material';
import Box from '@mui/material/Box';

import { useFormatter } from '../../../../components/i18n';

const sortHeaderStyle: Record<string, CSSProperties> = {
Expand Down Expand Up @@ -57,9 +56,10 @@ interface SortConnectorsHeaderProps {
orderAsc: boolean;
sortBy: string;
reverseBy: (field: string) => void;
textAlign?: CSSProperties['textAlign'];
}

const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, label, isSortable, orderAsc, sortBy, reverseBy }) => {
const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, label, isSortable, orderAsc, sortBy, reverseBy, textAlign = 'left' }) => {
const { t_i18n } = useFormatter();

const sortComponent = orderAsc ? (
Expand All @@ -71,7 +71,7 @@ const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, labe
if (isSortable) {
return (
<Box
sx={sortHeaderStyle[field]}
sx={{ ...sortHeaderStyle[field], textAlign }}
onClick={() => reverseBy(field)}
>
<span>{t_i18n(label)}</span>
Expand All @@ -81,7 +81,7 @@ const SortConnectorsHeader: React.FC<SortConnectorsHeaderProps> = ({ field, labe
}

return (
<div style={sortHeaderStyle[field]}>
<div style={{ ...sortHeaderStyle[field], textAlign }}>
<span>{t_i18n(label)}</span>
</div>
);
Expand Down