From 730f7de95499b569849e154dc44daa6578a09a94 Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Wed, 19 Mar 2025 15:53:35 +0100
Subject: [PATCH] feat(Settings): display commit hash as build version

---
 src/routes/Settings/Settings.js | 19 ++++++++++++++++++-
 src/routes/Settings/styles.less |  5 +++++
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index 9f13f9ade..fbaf32afc 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -182,7 +182,12 @@ const Settings = () => {
                         { t('SETTINGS_NAV_SHORTCUTS') }
                     </Button>
                     <div className={styles['spacing']} />
-                    <div className={styles['version-info-label']} title={process.env.VERSION}>App Version: {process.env.VERSION}</div>
+                    <div className={styles['version-info-label']} title={process.env.VERSION}>
+                        App Version: {process.env.VERSION}
+                    </div>
+                    <div className={styles['version-info-label']} title={process.env.COMMIT_HASH}>
+                        Build Version: {process.env.COMMIT_HASH}
+                    </div>
                     {
                         streamingServer.settings !== null && streamingServer.settings.type === 'Ready' ?
                             <div className={styles['version-info-label']} title={streamingServer.settings.content.serverVersion}>Server Version: {streamingServer.settings.content.serverVersion}</div>
@@ -733,6 +738,18 @@ const Settings = () => {
                                 </div>
                             </div>
                         </div>
+                        <div className={styles['option-container']}>
+                            <div className={styles['option-name-container']}>
+                                <div className={styles['label']}>
+                                    Build Version
+                                </div>
+                            </div>
+                            <div className={classnames(styles['option-input-container'], styles['info-container'])}>
+                                <div className={styles['label']}>
+                                    {process.env.COMMIT_HASH}
+                                </div>
+                            </div>
+                        </div>
                         {
                             streamingServer.settings !== null && streamingServer.settings.type === 'Ready' ?
                                 <div className={styles['option-container']}>
diff --git a/src/routes/Settings/styles.less b/src/routes/Settings/styles.less
index de37d17c2..072dd32a3 100644
--- a/src/routes/Settings/styles.less
+++ b/src/routes/Settings/styles.less
@@ -64,8 +64,11 @@
             .version-info-label {
                 flex: 0 1 auto;
                 margin: 0.5rem 0;
+                white-space: nowrap;
+                text-overflow: ellipsis;
                 color: var(--primary-foreground-color);
                 opacity: 0.3;
+                overflow: hidden;
             }
         }
 
@@ -242,6 +245,8 @@
                             flex-shrink: 1;
                             flex-basis: auto;
                             line-height: 1.5rem;
+                            white-space: nowrap;
+                            text-overflow: ellipsis;
                             color: var(--primary-foreground-color);
                         }