fix: display status bar in correct order

Related to b79fe1d#r149356417
camunda · Nov 21, 2024 · aac587b · aac587b
1 parent 1fdf4fd
commit aac587b
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/client/src/plugins/report-feedback/ReportFeedback.js b/client/src/plugins/report-feedback/ReportFeedback.js
@@ -100,7 +100,7 @@ export class ReportFeedback extends PureComponent {
 
     return (
       <Fragment>
-        <Fill slot="status-bar__app" group="8_feedback">
+        <Fill slot="status-bar__app" group="9_feedback">
           <button
             className={ classNames('btn', { 'btn--active': open }, css.ReportFeedback) }
             title="Provide Feedback"

diff --git a/client/src/plugins/update-checks/UpdateChecks.js b/client/src/plugins/update-checks/UpdateChecks.js
@@ -378,10 +378,12 @@ export default class UpdateChecks extends PureComponent {
       updateAvailable
     } = this.state;
 
+    // using group starting with Z to display at the end of the status bar
+    // cf. https://github.com/camunda/camunda-modeler/commit/b79fe1dec26fac603980b2639a46dc8656661dcd#r149356417
     return (
       <React.Fragment>
         {
-          updateAvailable && <Fill slot="status-bar__app" group="9_update_checks">
+          updateAvailable && <Fill slot="status-bar__app" group="Z_update_checks">
             <button
               className="btn btn--primary"
               title="Toggle update info"

diff --git a/client/src/plugins/version-info/VersionInfo.js b/client/src/plugins/version-info/VersionInfo.js
@@ -113,7 +113,7 @@ export class VersionInfo extends PureComponent {
 
     return (
       <Fragment>
-        <Fill slot="status-bar__app" group="8_version-info">
+        <Fill slot="status-bar__app" group="9_version-info">
           <button
             className={ classNames('btn', { 'btn--active': open }) }
             title="Toggle version info"