From aac587bc31c5d5b4fa50db16ca3071b0cbe2293c Mon Sep 17 00:00:00 2001
From: Maciej Barelkowski <maciej.barelkowski@camunda.com>
Date: Thu, 21 Nov 2024 16:10:01 +0100
Subject: [PATCH] fix: display status bar in correct order

Related to https://github.com/camunda/camunda-modeler/commit/b79fe1dec26fac603980b2639a46dc8656661dcd#r149356417
---
 client/src/plugins/report-feedback/ReportFeedback.js | 2 +-
 client/src/plugins/update-checks/UpdateChecks.js     | 4 +++-
 client/src/plugins/version-info/VersionInfo.js       | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/plugins/report-feedback/ReportFeedback.js b/client/src/plugins/report-feedback/ReportFeedback.js
index aa8ac5b0ab..a5dc4029a4 100644
--- 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
index b11fd97d54..79a7a7d578 100644
--- 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
index 2642278845..e8e5739347 100644
--- 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"