diff --git a/applications/client/src/views/Campaign/Explore/Panels/Beacon/BeaconRow.tsx b/applications/client/src/views/Campaign/Explore/Panels/Beacon/BeaconRow.tsx index aa4d558d..492f1267 100644 --- a/applications/client/src/views/Campaign/Explore/Panels/Beacon/BeaconRow.tsx +++ b/applications/client/src/views/Campaign/Explore/Panels/Beacon/BeaconRow.tsx @@ -131,7 +131,7 @@ export const BeaconRow = observer(({ beacon, ...props }) => { shape={beacon.meta?.[0]?.current?.shape || undefined} color={beacon.meta?.[0]?.current?.color || undefined} /> - + {beacon?.computedNameWithHost || `${beacon.server?.computedName}`} diff --git a/applications/client/src/views/Campaign/Explore/Panels/Comment/CommentsList.tsx b/applications/client/src/views/Campaign/Explore/Panels/Comment/CommentsList.tsx index 5e852eba..40efc5e5 100644 --- a/applications/client/src/views/Campaign/Explore/Panels/Comment/CommentsList.tsx +++ b/applications/client/src/views/Campaign/Explore/Panels/Comment/CommentsList.tsx @@ -86,6 +86,7 @@ export const CommentsList = observer(({ sort }) => { bold={['all', 'favorited'].includes(presentationItem.id)} muted={presentationItem.id === 'procedural'} italic={presentationItem.id === 'procedural'} + ellipsize > {rowTitle(presentationItem)} diff --git a/applications/client/src/views/Campaign/Explore/Panels/Host/HostOrServerRow.tsx b/applications/client/src/views/Campaign/Explore/Panels/Host/HostOrServerRow.tsx index 43bae932..ed0e9ed8 100644 --- a/applications/client/src/views/Campaign/Explore/Panels/Host/HostOrServerRow.tsx +++ b/applications/client/src/views/Campaign/Explore/Panels/Host/HostOrServerRow.tsx @@ -167,7 +167,7 @@ export const HostOrServerRow = observer(({ host, ...props } /> {host.cobaltStrikeServer && Server:} - + {host.computedName} diff --git a/applications/client/src/views/Campaign/Explore/Panels/OperatorsList.tsx b/applications/client/src/views/Campaign/Explore/Panels/OperatorsList.tsx index b9f3da3f..a0731609 100644 --- a/applications/client/src/views/Campaign/Explore/Panels/OperatorsList.tsx +++ b/applications/client/src/views/Campaign/Explore/Panels/OperatorsList.tsx @@ -2,7 +2,7 @@ import { createSorter, dateShortFormat, isDefined, semanticIcons, VirtualizedLis import type { SortType } from '@redeye/client/store'; import { SortDirection, useStore } from '@redeye/client/store'; import type { InfoType } from '@redeye/client/types/explore'; -import { FlexSplitter } from '@redeye/ui-styles'; +import { FlexSplitter, Txt } from '@redeye/ui-styles'; import { observer } from 'mobx-react-lite'; import type { ComponentProps } from 'react'; import { defaultInfoRowHeight, IconLabel, InfoRow, MessageRow, RowTime, RowTitle } from '../components'; @@ -29,7 +29,9 @@ export const OperatorsList = observer(({ ...props }) => { {store.settings.momentTz(operator.startTime)?.format(dateShortFormat)}— {store.settings.momentTz(operator.endTime)?.format(dateShortFormat)} - {operator.name} + + {operator.name} + (({ sort }) => { ) : ( commandTypes.map((commandTypeCount) => ( commandTypeCount.select()}> - {commandTypeCount.text} + + {commandTypeCount.text} + (({ sort }) => { {store.settings.momentTz(operator.startTime)?.format(dateShortFormat)}— {store.settings.momentTz(operator.endTime)?.format(dateShortFormat)} - {operator.name} + + {operator.name} + ( - + ); diff --git a/applications/client/src/views/Campaign/Presentation/PresentationTopicItem.tsx b/applications/client/src/views/Campaign/Presentation/PresentationTopicItem.tsx index 1d6e5ff6..98692aa3 100644 --- a/applications/client/src/views/Campaign/Presentation/PresentationTopicItem.tsx +++ b/applications/client/src/views/Campaign/Presentation/PresentationTopicItem.tsx @@ -4,7 +4,7 @@ import { CarbonIcon } from '@redeye/client/components'; import type { PresentationItemModel } from '@redeye/client/store'; import { useStore } from '@redeye/client/store'; import { InfoRow, RowTitle } from '@redeye/client/views'; -import { CoreTokens, HeroButton, UtilityStyles } from '@redeye/ui-styles'; +import { CoreTokens, HeroButton, Txt, UtilityStyles } from '@redeye/ui-styles'; import { observer } from 'mobx-react-lite'; import type { ComponentProps } from 'react'; import { IconLabel } from '..'; @@ -47,7 +47,7 @@ export const PresentationTopicItem = observer(({ pre `} icon={getIcon(presentationItem)} /> - {presentationItem.key} + {presentationItem.key}