From 6965d0fd8a5dde36533b19b76a4d30ab1e821450 Mon Sep 17 00:00:00 2001 From: bilalabbad Date: Tue, 24 Sep 2024 10:21:54 +0200 Subject: [PATCH 1/2] Add Parent columns on list view --- frontend/app/src/config/constants.tsx | 2 +- .../relationship-details-paginated.tsx | 9 +++++++++ 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/frontend/app/src/config/constants.tsx b/frontend/app/src/config/constants.tsx index d3b9758c41..6c3b8f82ee 100644 --- a/frontend/app/src/config/constants.tsx +++ b/frontend/app/src/config/constants.tsx @@ -174,7 +174,7 @@ export const SCHEMA_ATTRIBUTE_KIND = { export const attributesKindForDetailsViewExclude = ["HashedPassword"]; export const relationshipsForListView = { - one: ["Attribute", "Hierarchy"], + one: ["Attribute", "Hierarchy", "Parent"], many: ["Attribute"], }; diff --git a/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx b/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx index 8ef0a6fa8e..363451257b 100644 --- a/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx +++ b/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx @@ -64,6 +64,15 @@ export default function RelationshipDetails(props: iRelationDetailsProps) { const columns = getSchemaObjectColumns({ schema: relationshipSchemaData, forListView: mode === "TABLE", + }).filter((column) => { + if (column.isAttribute) return true; + + return relationshipsData.some((relationship: { node: any }) => { + const relatedObject = relationship.node[column.name]?.node; + if (!relatedObject) return true; + + return relatedObject.id !== objectid; + }); }); const [, setShowMetaEditModal] = useAtom(showMetaEditState); From ed1b0b455eaec4ce5eaa7b277ee64332472baae5 Mon Sep 17 00:00:00 2001 From: bilalabbad Date: Tue, 24 Sep 2024 10:32:50 +0200 Subject: [PATCH 2/2] fix test --- .../relationship-details-paginated.tsx | 2 +- frontend/app/tests/mocks/data/devices.ts | 818 +++++++++--------- 2 files changed, 421 insertions(+), 399 deletions(-) diff --git a/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx b/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx index 363451257b..4454b7f42d 100644 --- a/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx +++ b/frontend/app/src/screens/object-item-details/relationship-details-paginated.tsx @@ -67,7 +67,7 @@ export default function RelationshipDetails(props: iRelationDetailsProps) { }).filter((column) => { if (column.isAttribute) return true; - return relationshipsData.some((relationship: { node: any }) => { + return relationshipsData?.some((relationship: { node: any }) => { const relatedObject = relationship.node[column.name]?.node; if (!relatedObject) return true; diff --git a/frontend/app/tests/mocks/data/devices.ts b/frontend/app/tests/mocks/data/devices.ts index 65c9426794..f3ab414537 100644 --- a/frontend/app/tests/mocks/data/devices.ts +++ b/frontend/app/tests/mocks/data/devices.ts @@ -3,7 +3,6 @@ export const deviceSiteMocksId = "06c3ab9e-535e-41af-bf4b-ec9134cc4353"; export const deviceSiteOwnerMocksId = "1790adb9-7030-259c-35c7-d8e28044d715"; export const deviceSiteSourceMocksId = "1790adb9-7030-259c-35c7-d8e28044d715"; export const deviceDetailsName = "atl1-edge1"; -export const deviceDetailsNewName = "awesome new device name"; export const deviceDetailsMocksASNName = "AS64496 64496"; export const deviceDetailsMocksOwnerName = "Engineering Team"; export const deviceDetailsMocksTagName = "green"; @@ -13,507 +12,543 @@ export const interfaceDescription = "Connected to atl1-edge1 Ethernet1"; export const interfacesArray = [ { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4af-075f-fd59-3c00-c51c3a7a3baf", + display_label: "Ethernet1", + __typename: "InfraInterfaceL3", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to jfk1-edge2 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", - }, - __typename: "NestedEdgedInterface", - }, - { - node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", __typename: "Dropdown", }, - status: { - value: "active", - color: "#7fbf7f", - description: "Fully operational and currently in service.", - label: "Active", - __typename: "Dropdown", + device: { + node: { + id: "17f7e4ae-dc67-47eb-3c0c-c51255b84026", + display_label: "jfk1-edge1", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4aa-3e8c-4ee7-3c0a-c519ea0a1385", + display_label: "Ethernet1", + __typename: "InfraInterfaceL3", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to ord1-edge2 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", - }, - __typename: "NestedEdgedInterface", - }, - { - node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", __typename: "Dropdown", }, - status: { - value: "active", - color: "#7fbf7f", - description: "Fully operational and currently in service.", - label: "Active", - __typename: "Dropdown", + device: { + node: { + id: "17f7e4aa-10b1-f858-3c05-c51509f26b59", + display_label: "ord1-edge1", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4ac-c6b5-7f37-3c04-c5129f5e3f5e", + display_label: "Ethernet1", + __typename: "InfraInterfaceL2", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to ord1-leaf2 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", - }, - __typename: "NestedEdgedInterface", - }, - { - node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", __typename: "Dropdown", }, - status: { - value: "active", - color: "#7fbf7f", - description: "Fully operational and currently in service.", - label: "Active", - __typename: "Dropdown", + device: { + node: { + id: "17f7e4ac-9024-261f-3c06-c51fabba52ed", + display_label: "ord1-leaf1", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4ad-a6ea-d0bb-3c05-c514f9079347", + display_label: "Ethernet1", + __typename: "InfraInterfaceL2", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to ord1-leaf1 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", - }, - __typename: "NestedEdgedInterface", - }, - { - node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", __typename: "Dropdown", }, - status: { - value: "active", - color: "#7fbf7f", - description: "Fully operational and currently in service.", - label: "Active", - __typename: "Dropdown", + device: { + node: { + id: "17f7e4ad-755b-c028-3c0c-c5195bae7f5e", + display_label: "ord1-leaf2", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4a7-0fa9-bdfe-3c08-c51fcb6a6259", + display_label: "Ethernet1", + __typename: "InfraInterfaceL2", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to atl1-leaf2 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", + role: { + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", + __typename: "Dropdown", + }, + device: { + node: { + id: "17f7e4a6-ef49-0a54-3c0c-c51e55a4072c", + display_label: "atl1-leaf1", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", + }, }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4a4-0d92-bbd4-3c0f-c51ea8414feb", + display_label: "Ethernet1", + __typename: "InfraInterfaceL3", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to atl1-edge2 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", + role: { + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", + __typename: "Dropdown", + }, + device: { + node: { + id: "17f7e4a3-696f-f36a-3c0b-c51842797159", + display_label: "atl1-edge1", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", + }, }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4a8-1f99-a656-3c0a-c51938622496", + display_label: "Ethernet1", + __typename: "InfraInterfaceL2", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to atl1-leaf1 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", + role: { + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", + __typename: "Dropdown", + }, + device: { + node: { + id: "17f7e4a7-ccf0-5597-3c02-c513092964fa", + display_label: "atl1-leaf2", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", + }, }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4ab-6095-fc92-3c02-c51fea74f3a8", + display_label: "Ethernet1", + __typename: "InfraInterfaceL3", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to ord1-edge1 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", + role: { + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", + __typename: "Dropdown", + }, + device: { + node: { + id: "17f7e4ab-3b7a-a176-3c03-c517623bdda0", + display_label: "ord1-edge2", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", + }, }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4a5-af62-2052-3c0e-c519f4c7ebba", + display_label: "Ethernet1", + __typename: "InfraInterfaceL3", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to atl1-edge1 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", + role: { + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", + __typename: "Dropdown", + }, + device: { + node: { + id: "17f7e4a5-872e-76f8-3c01-c51df8b37fac", + display_label: "atl1-edge2", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", + }, }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, { node: { - id: "3e37838b-823e-46d6-9143-af1336d098a2", - display_label: "Ethernet12", - name: { value: "Ethernet12", __typename: "TextAttribute" }, - description: { value: interfaceDescription, __typename: "TextAttribute" }, - speed: { value: 10000, __typename: "NumberAttribute" }, - mtu: { value: 1500, __typename: "NumberAttribute" }, - enabled: { value: true, __typename: "CheckboxAttribute" }, - role: { - value: "loopback", - color: "#93e9be", - description: "Internal interface.", - label: "Loopback", - __typename: "Dropdown", + id: "17f7e4b0-02c1-f8fc-3c09-c510805683ff", + display_label: "Ethernet1", + __typename: "InfraInterfaceL3", + name: { + value: "Ethernet1", + __typename: "TextAttribute", + }, + description: { + value: "Connected to jfk1-edge1 Ethernet1", + __typename: "TextAttribute", + }, + speed: { + value: 10000, + __typename: "NumberAttribute", + }, + mtu: { + value: 1500, + __typename: "NumberAttribute", + }, + enabled: { + value: true, + __typename: "CheckboxAttribute", }, status: { value: "active", color: "#7fbf7f", - description: "Fully operational and currently in service.", + description: "Fully operational and currently in service", label: "Active", __typename: "Dropdown", }, - tags: { edges: Array(0), __typename: "NestedPaginatedBuiltinTag" }, - __typename: "InfraInterface", - }, - properties: { - updated_at: "2023-06-01T11:58:22.313265+00:00", - is_protected: true, - is_visible: true, - source: null, - owner: null, - __typename: "RelationshipProperty", + role: { + value: "peer", + color: "#faa446", + description: "Equal-status connections for direct interchange", + label: "Peer", + __typename: "Dropdown", + }, + device: { + node: { + id: "17f7e4af-df53-e2d5-3c0a-c51729e215a3", + display_label: "jfk1-edge2", + __typename: "InfraDevice", + }, + __typename: "NestedEdgedInfraDevice", + }, + tags: { + edges: [], + __typename: "NestedPaginatedBuiltinTag", + }, }, - __typename: "NestedEdgedInterface", + __typename: "EdgedInfraInterface", }, ]; @@ -1579,6 +1614,12 @@ query GetObjectRelationships_InfraDevice($offset: Int, $limit: Int) { display_label } } + device { + node { + id + display_label + } + } tags { edges { node { @@ -1647,25 +1688,6 @@ export const deviceDetailsInterfacesMocksData = { }, }; -export const deviceDetailsMocksDataAfterUpdate = { - ...deviceDetailsMocksData, - InfraDevice: { - ...deviceDetailsMocksData.InfraDevice, - edges: [ - { - node: { - ...deviceDetailsMocksData.InfraDevice.edges[0].node, - display_label: deviceDetailsNewName, - name: { - ...deviceDetailsMocksData.InfraDevice.edges[0].node.name, - value: deviceDetailsNewName, - }, - }, - }, - ], - }, -}; - export const newDataForMetaEdit = { owner: deviceSiteOwnerMocksId, source: deviceSiteSourceMocksId,