[frontend] changed button position (#8378)

OpenCTI-Platform · Sep 25, 2024 · 5d7da31 · 5d7da31
1 parent 0afae80
commit 5d7da31
Showing 1 changed file with 38 additions and 38 deletions.
diff --git a/...latform/opencti-front/src/private/components/analyses/reports/ReportKnowledgeGraphBar.jsx b/...latform/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}