Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-04 00:18:01 +01:00
Code Issues Projects Releases Wiki Activity

chore: event timeline grouping

Browse Source
This commit is contained in:
Nuno Góis 2024-09-23 10:52:58 +01:00
parent c9bd071c07
commit 0580991942
No known key found for this signature in database
GPG Key ID: 71ECC689F1091765
2 changed files with 22 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/component/events/EventTimeline/EventTimeline.tsx
View File

@ -10,12 +10,17 @@ import {
type TimeSpanOption,
timeSpanOptions,
} from './EventTimelineHeader/EventTimelineHeader';
import type { ISignal } from 'interfaces/signal';
export type EnrichedEvent = EventSchema & {
label: string;
summary: string;
};
export type TimelineEvent = EnrichedEvent | ISignal;
export type TimelineEventGroup = TimelineEvent[];
const StyledRow = styled('div')({
display: 'flex',
flexDirection: 'row',

19
frontend/src/component/events/EventTimeline/EventTimelineEvent/EventTimelineEvent.tsx
View File

@ -8,7 +8,8 @@ import FlagOutlinedIcon from '@mui/icons-material/FlagOutlined';
import ExtensionOutlinedIcon from '@mui/icons-material/ExtensionOutlined';
import SegmentsIcon from '@mui/icons-material/DonutLargeOutlined';
import QuestionMarkIcon from '@mui/icons-material/QuestionMark';
import type { EnrichedEvent } from '../EventTimeline';
import type { TimelineEvent, TimelineEventGroup } from '../EventTimeline';
import type { ISignal } from 'interfaces/signal';
type DefaultEventVariant = 'secondary';
type CustomEventVariant = 'success' | 'neutral';
@ -77,16 +78,30 @@ const customEventVariants: Partial<
};
interface IEventTimelineEventProps {
event: EnrichedEvent;
event: TimelineEvent | TimelineEventGroup;
startDate: Date;
endDate: Date;
}
const isSignal = (
event: TimelineEvent | TimelineEventGroup,
): event is ISignal => {
return !Array.isArray(event) && 'source' in event;
};
export const EventTimelineEvent = ({
event,
startDate,
endDate,
}: IEventTimelineEventProps) => {
if (Array.isArray(event)) {
return null;
}
if (isSignal(event)) {
return null;
}
const timelineDuration = endDate.getTime() - startDate.getTime();
const eventTime = new Date(event.createdAt).getTime();