fix: localise some headings on the about window

_locales/en/messages.json

@@ -95,6 +95,7 @@
   "closedGroupInviteSuccessTitle": "Group Invitation Succeeded",
   "closedGroupInviteSuccessTitlePlural": "Group Invitations Completed",
   "closedGroupMaxSize": "A group cannot have more than 100 members",
+  "commitHashDesktop": "Commit Hash: $hash$",
   "confirm": "Confirm",
   "confirmNewPassword": "Confirm new password",
   "confirmPassword": "Confirm password",
@@ -503,6 +504,7 @@
   "startInTrayTitle": "Keep in System Tray",
   "support": "Support",
   "surveyTitle": "We'd Love Your Feedback",
+  "systemInformationDesktop": "System Information: $information$",
   "termsOfService": "Terms of Service",
   "themesSettingTitle": "Themes",
   "theyChangedTheTimer": "<b>$name$</b> has set messages to disappear <b>$time$</b> after they have been <b>$mode$</b>",

ts/components/AboutView.tsx

@@ -54,8 +54,8 @@ export const AboutView = () => {
   }
 
   const versionInfo = `v${window.getVersion()}`;
-  const commitInfo = `Commit: ${window.getCommitHash()}` || '';
-  const osInfo = `Operating System: ${window.getOSRelease()}`;
+  const systemInfo = `${window.i18n('systemInformationDesktop', [window.getOSRelease()])}`;
+  const commitInfo = `${window.i18n('commitHashDesktop', [window.getCommitHash() || window.i18n('unknown')])}`;
 
   useEffect(() => {
     if (window.theme) {
@@ -92,12 +92,16 @@ export const AboutView = () => {
           text={versionInfo}
           buttonType={SessionButtonType.Simple}
         />
+        <CopyToClipboardButton
+          className="os"
+          text={systemInfo}
+          buttonType={SessionButtonType.Simple}
+        />
         <CopyToClipboardButton
           className="commitHash"
           text={commitInfo}
           buttonType={SessionButtonType.Simple}
         />
-        <CopyToClipboardButton className="os" text={osInfo} buttonType={SessionButtonType.Simple} />
         {environmentStates.length ? (
           <CopyToClipboardButton
             className="environment"

ts/types/LocalizerKeys.ts

@@ -95,6 +95,7 @@ export type LocalizerKeys =
   | 'closedGroupInviteSuccessTitle'
   | 'closedGroupInviteSuccessTitlePlural'
   | 'closedGroupMaxSize'
+  | 'commitHashDesktop'
   | 'confirm'
   | 'confirmNewPassword'
   | 'confirmPassword'
@@ -503,6 +504,7 @@ export type LocalizerKeys =
   | 'startedACall'
   | 'support'
   | 'surveyTitle'
+  | 'systemInformationDesktop'
   | 'termsOfService'
   | 'themesSettingTitle'
   | 'theyChangedTheTimer'

ts/util/logging.ts

@@ -151,14 +151,14 @@ window.addEventListener('unhandledrejection', rejectionEvent => {
 
 export function saveLogToDesktop() {
   const versionInfo = `v${window.getVersion()}`;
-  const operatingSystemInfo = `Operating System: ${window.getOSRelease()}`;
-  const commitHashInfo = window.getCommitHash() ? `Commit: ${window.getCommitHash()}` : '';
+  const systemInfo = `System Information: ${window.getOSRelease()}`;
+  const commitInfo = `Commit Hash: ${window.getCommitHash()}` || 'Unknown';
   const debugLogWithSystemInfo = `
 ******************************************************************************
 # Application Info
 ${versionInfo}
-${operatingSystemInfo}
-${commitHashInfo}
+${systemInfo}
+${commitInfo}
 ******************************************************************************`;
   window.saveLog(debugLogWithSystemInfo);
 }