diff --git a/backend/infrahub/menu/menu.py b/backend/infrahub/menu/menu.py index a3a80b6b51..55c57db053 100644 --- a/backend/infrahub/menu/menu.py +++ b/backend/infrahub/menu/menu.py @@ -331,9 +331,9 @@ def _extract_node_icon(model: MainSchemaTypes) -> str: ), MenuItemDefinition( namespace="Builtin", - name="ActivityLog", - label="Activity Log", - path="/activity-log", + name="Activities", + label="Activities", + path="/activities", icon="mdi:timeline-text", protected=True, section=MenuSection.INTERNAL, diff --git a/frontend/app/src/entities/events/api/get-event-details-from-api.ts b/frontend/app/src/entities/events/api/get-event-details-from-api.ts index b3a12a3fcf..01692b6891 100644 --- a/frontend/app/src/entities/events/api/get-event-details-from-api.ts +++ b/frontend/app/src/entities/events/api/get-event-details-from-api.ts @@ -48,11 +48,13 @@ const EVENT_DETAILS_QUERY = gql` export async function getEventDetailsFromApi({ branchName, atDate, + id, ...filters }: EventDetailsFilters & { branchName?: string; atDate?: Date | null }) { const { data } = await graphqlClient.query({ query: EVENT_DETAILS_QUERY, variables: { + ids: [id], ...filters, }, context: { diff --git a/frontend/app/src/entities/events/ui/event.tsx b/frontend/app/src/entities/events/ui/event.tsx index d9d3ad748c..3bc7c57c92 100644 --- a/frontend/app/src/entities/events/ui/event.tsx +++ b/frontend/app/src/entities/events/ui/event.tsx @@ -1,9 +1,13 @@ import { EventNodeInterface, NodeMutatedEvent } from "@/shared/api/graphql/generated/graphql"; import { DateDisplay } from "@/shared/components/display/date-display"; +import { ACCOUNT_OBJECT } from "@/config/constants"; +import { QSP } from "@/config/qsp"; import { NodeLabel } from "@/entities/nodes/object/ui/node-label"; import { PropertyRow } from "@/entities/schema/ui/styled"; +import { constructPath } from "@/shared/api/rest/fetch"; import { CopyToClipboard } from "@/shared/components/buttons/copy-to-clipboard"; +import { Link } from "@/shared/components/ui/link"; import { Popover, PopoverContent, PopoverTrigger } from "@/shared/components/ui/popover"; import { TimelineBorder } from "@/shared/components/ui/timeline-border"; import { @@ -52,17 +56,50 @@ export const EventDetails = ({ /> } /> - {account_id && } />} + {account_id && ( + + + + } + /> + )} {primary_node?.id && ( - } /> + + + + } + /> )} {!!related_nodes?.length && ( +
{related_nodes.map((node) => { - return ; + return ( + + + + ); })}
} diff --git a/frontend/app/src/entities/events/ui/global-event-details.tsx b/frontend/app/src/entities/events/ui/global-event-details.tsx index dc8b626644..653ca34502 100644 --- a/frontend/app/src/entities/events/ui/global-event-details.tsx +++ b/frontend/app/src/entities/events/ui/global-event-details.tsx @@ -8,6 +8,7 @@ import { NodeEvents } from "./node-events"; const EventDetailsView = () => { const { activityid } = useParams(); + const { isLoading, data, error, refetch } = useEventDetails({ id: activityid }); return ( @@ -23,10 +24,12 @@ const EventDetailsView = () => { - - Activities - - + {data?.has_children && ( + + Sub activities + + + )} )} diff --git a/frontend/app/src/entities/events/ui/global-event.tsx b/frontend/app/src/entities/events/ui/global-event.tsx index a480431beb..f053940217 100644 --- a/frontend/app/src/entities/events/ui/global-event.tsx +++ b/frontend/app/src/entities/events/ui/global-event.tsx @@ -1,4 +1,5 @@ import { Link } from "@/shared/components/ui/link"; +import { Tooltip } from "@/shared/components/ui/tooltip"; import { classNames } from "@/shared/utils/common"; import { Icon } from "@iconify-icon/react"; import { format } from "date-fns"; @@ -12,12 +13,11 @@ export const Event = ({ __typename, ...props }: EventType) => { return (
-
+
{"attributes" in props && } {BRANCH_EVENTS.includes(__typename) && } @@ -25,16 +25,27 @@ export const Event = ({ __typename, ...props }: EventType) => { {STANDARD_EVENTS.includes(__typename) && }
-
+
+ {props.has_children && ( + + + + )} + {props.branch}
-
- - {props.occurred_at && format(new Date(props.occurred_at), "yyyy-MM-dd HH:mm:ss (O)")} - +
+ {props.occurred_at && ( + + {format(new Date(props.occurred_at), "MMM dd - HH:mm:ss")} + + )}
diff --git a/frontend/app/src/entities/events/ui/global-events.tsx b/frontend/app/src/entities/events/ui/global-events.tsx index cdab031fe4..39aa67db68 100644 --- a/frontend/app/src/entities/events/ui/global-events.tsx +++ b/frontend/app/src/entities/events/ui/global-events.tsx @@ -41,14 +41,14 @@ export const GlobalEvents = () => { } return ( - + refetch()} /> -
-
- - {filters.length > 0 && } -
+
+ + {filters.length > 0 && } +
+
{!isLoading && !flatData?.length && } diff --git a/frontend/app/src/entities/events/ui/global-node-event.tsx b/frontend/app/src/entities/events/ui/global-node-event.tsx index 081685fdf2..a5b85514f8 100644 --- a/frontend/app/src/entities/events/ui/global-node-event.tsx +++ b/frontend/app/src/entities/events/ui/global-node-event.tsx @@ -37,34 +37,36 @@ export const NodeEvent = (props: NodeMutatedEvent) => { const { schema } = useSchema(props.payload.data.node_kind); return ( - <> -
-
- +
+ -
- -
+ -
{NODE_EVENTS_MAPPING[event] ?? "-"}
+
{NODE_EVENTS_MAPPING[event] ?? "-"}
-
{schemaLabels[props.payload.data.node_kind] ?? "-"}
+
{schemaLabels[props.payload.data.node_kind] ?? "-"}
- - - -
-
- + + + +
); }; diff --git a/frontend/app/src/entities/events/ui/node-event.tsx b/frontend/app/src/entities/events/ui/node-event.tsx index c4a2b0db9c..74107ab230 100644 --- a/frontend/app/src/entities/events/ui/node-event.tsx +++ b/frontend/app/src/entities/events/ui/node-event.tsx @@ -55,7 +55,7 @@ export const NodeEvent = (props: NodeMutatedEvent) => { `/objects/${props.payload.data.node_kind}/${props.payload.data.node_id}` )} > - +
diff --git a/frontend/app/src/entities/events/ui/standard-event.tsx b/frontend/app/src/entities/events/ui/standard-event.tsx index c2381d3c0c..4421c3a91e 100644 --- a/frontend/app/src/entities/events/ui/standard-event.tsx +++ b/frontend/app/src/entities/events/ui/standard-event.tsx @@ -28,7 +28,7 @@ export const STANDARD_EVENTS_MAPPING: Record - +
@@ -56,7 +56,7 @@ export const STANDARD_EVENTS_MAPPING: Record - +
diff --git a/frontend/app/src/entities/nodes/object/ui/node-label.tsx b/frontend/app/src/entities/nodes/object/ui/node-label.tsx index 38afa2f11b..bddbe94b40 100644 --- a/frontend/app/src/entities/nodes/object/ui/node-label.tsx +++ b/frontend/app/src/entities/nodes/object/ui/node-label.tsx @@ -1,5 +1,4 @@ import { NODE_OBJECT } from "@/config/constants"; -import { TextDisplay } from "@/shared/components/display/text-display"; import { Skeleton } from "@/shared/components/skeleton"; import { classNames } from "@/shared/utils/common"; import { useNodeLabel } from "../api/get-display-label.query"; @@ -22,20 +21,8 @@ export const NodeLabel = ({ id, kind = NODE_OBJECT, className }: NodeLabelProps) } if (error || !data?.display_label) { - return ( -
- - {id} - -
- ); + return
{id}
; } - return ( -
- - {data?.display_label} - -
- ); + return
{data?.display_label}
; };