[frontend] create and fix last relationships routes (#5575)

OpenCTI-Platform · Apr 2, 2024 · 69e040e · 69e040e
1 parent af720d0
commit 69e040e
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 2 deletions.
diff --git a/opencti-platform/opencti-front/src/private/components/events/observed_data/Root.jsx b/opencti-platform/opencti-front/src/private/components/events/observed_data/Root.jsx
@@ -18,6 +18,7 @@ import ContainerStixDomainObjects from '../../common/containers/ContainerStixDom
 import ContainerStixCyberObservables from '../../common/containers/ContainerStixCyberObservables';
 import inject18n from '../../../../components/i18n';
 import Breadcrumbs from '../../../../components/Breadcrumbs';
+import StixCoreRelationship from '@components/common/stix_core_relationships/StixCoreRelationship';
 
 const subscription = graphql`
  subscription RootObservedDataSubscription($id: ID!) {
@@ -197,6 +198,15 @@ class RootObservedData extends Component {
  <StixCoreObjectHistory stixCoreObjectId={observedDataId} />
  }
  />
+ <Route
+ path="/knowledge/relations/:relationId/"
+ element={
+ <StixCoreRelationship
+ entityId={observedData.id}
+ paddingRight={true}
+ />
+ }
+ />
  </Routes>
  </div>
  );

diff --git a/...latform/opencti-front/src/private/components/observations/stix_cyber_observables/Root.jsx b/...latform/opencti-front/src/private/components/observations/stix_cyber_observables/Root.jsx
@@ -169,7 +169,7 @@ class RootStixCyberObservable extends Component {
  }
  />
  <Route
- path="/knowledge"
+ path="/knowledge/*"
  element={
  <StixCyberObservableKnowledge
  stixCyberObservable={props.stixCyberObservable}

diff --git a/...c/private/components/observations/stix_cyber_observables/StixCyberObservableKnowledge.jsx b/...c/private/components/observations/stix_cyber_observables/StixCyberObservableKnowledge.jsx
@@ -2,11 +2,24 @@ import React from 'react';
 import { graphql, createFragmentContainer } from 'react-relay';
 import StixCyberObservableKnowledgeEntities from './StixCyberObservableEntities';
 import StixCyberObservableNestedEntities from './StixCyberObservableNestedEntities';
+import StixCoreRelationship from '@components/common/stix_core_relationships/StixCoreRelationship';
+import { Route, Routes } from 'react-router-dom';
 
 const StixCyberObservableKnowledgeComponent = (props) => {
  const { stixCyberObservable } = props;
  return (
  <>
+ <Routes>
+ <Route
+ path="/relations/:relationId/"
+ element={
+ <StixCoreRelationship
+ entityId={stixCyberObservable.id}
+ paddingRight={true}
+ />
+ }
+ />
+ </Routes>
  <div style={{ marginTop: 20 }}>
  <StixCyberObservableNestedEntities
  entityId={stixCyberObservable.id}

diff --git a/...form/opencti-front/src/private/components/techniques/data_sources/DataSourceKnowledge.tsx b/...form/opencti-front/src/private/components/techniques/data_sources/DataSourceKnowledge.tsx
@@ -29,7 +29,7 @@ DataSourceKnowledgeComponentProps
  <Routes>
  <Route
  path="/relations/:relationId"
- render={
+ element={
  <StixCoreRelationship entityId={dataSource.id} />
  }
  />