From ba3423b954dd62894989837bf926bf5733aace19 Mon Sep 17 00:00:00 2001
From: stefan1anuby <stefaneduard2002@gmail.com>
Date: Wed, 25 Sep 2024 18:29:01 +0300
Subject: [PATCH] [frontend] changed button position (#8378)

---
 .../reports/ReportKnowledgeGraphBar.jsx       | 76 +++++++++----------
 1 file changed, 38 insertions(+), 38 deletions(-)

diff --git a/opencti-platform/opencti-front/src/private/components/analyses/reports/ReportKnowledgeGraphBar.jsx b/opencti-platform/opencti-front/src/private/components/analyses/reports/ReportKnowledgeGraphBar.jsx
index c43490a5933b8..8a36f902506a5 100644
--- a/opencti-platform/opencti-front/src/private/components/analyses/reports/ReportKnowledgeGraphBar.jsx
+++ b/opencti-platform/opencti-front/src/private/components/analyses/reports/ReportKnowledgeGraphBar.jsx
@@ -705,6 +705,44 @@ class ReportKnowledgeGraphBar extends Component {
                       </IconButton>
                     </span>
                   </Tooltip>
+                  <Tooltip
+                    title={
+                      (() => {
+                        switch (this.state.selectRelationshipByType) {
+                          case 'children':
+                            return t('Select Child Relationships of Selected Nodes (From)');
+                          case 'parent':
+                            return t('Select Parent Relationships of Selected Nodes (To)');
+                          case 'deselect':
+                            return t('Deselect Relationships of Selected Nodes');
+                          default:
+                            return t('Select Relationships of Selected Nodes');
+                        }
+                      })()
+                    }
+                  >
+                    <span>
+                      <IconButton
+                        color="primary"
+                        onClick={this.handleSelectRelationships.bind(this)}
+                        disabled={numberOfSelectedNodes === 0}
+                        size="large"
+                      >
+                        {(() => {
+                          switch (this.state.selectRelationshipByType) {
+                            case 'children':
+                              return <SwipeDown />;
+                            case 'parent':
+                              return <SwipeUp />;
+                            case 'deselect':
+                              return <TouchApp />;
+                            default:
+                              return <SwipeVertical />;
+                          }
+                        })()}
+                      </IconButton>
+                    </span>
+                  </Tooltip>
                   <Divider className={classes.divider} orientation="vertical" />
                   <Tooltip title={t('Display time range selector')}>
                     <span>
@@ -948,44 +986,6 @@ class ReportKnowledgeGraphBar extends Component {
                         </IconButton>
                       </span>
                     </Tooltip>
-                    <Tooltip
-                      title={
-                        (() => {
-                          switch (this.state.selectRelationshipByType) {
-                            case 'children':
-                              return t('Select Child Relationships of Selected Nodes (From)');
-                            case 'parent':
-                              return t('Select Parent Relationships of Selected Nodes (To)');
-                            case 'deselect':
-                              return t('Deselect Relationships of Selected Nodes');
-                            default:
-                              return t('Select Relationships of Selected Nodes');
-                          }
-                        })()
-                      }
-                    >
-                      <span>
-                        <IconButton
-                          color="primary"
-                          onClick={this.handleSelectRelationships.bind(this)}
-                          disabled={numberOfSelectedNodes === 0}
-                          size="large"
-                        >
-                          {(() => {
-                            switch (this.state.selectRelationshipByType) {
-                              case 'children':
-                                return <SwipeDown />;
-                              case 'parent':
-                                return <SwipeUp />;
-                              case 'deselect':
-                                return <TouchApp />;
-                              default:
-                                return <SwipeVertical />;
-                            }
-                          })()}
-                        </IconButton>
-                      </span>
-                    </Tooltip>
                     <StixDomainObjectEdition
                       open={openEditDomainObject}
                       stixDomainObjectId={selectedNodes[0]?.id ?? null}