From 3349f13b699140cea5d0056088004113c2e300eb Mon Sep 17 00:00:00 2001
From: AlexDygma <70891884+AlexDygma@users.noreply.github.com>
Date: Fri, 21 Jul 2023 11:23:29 +0200
Subject: [PATCH] feat: add Bazecor version in a visible place so that users
 and customer support can check it (#470)

---
 src/renderer/component/Version/Version.tsx | 8 ++++++++
 src/renderer/views/Preferences.js          | 2 ++
 2 files changed, 10 insertions(+)
 create mode 100644 src/renderer/component/Version/Version.tsx

diff --git a/src/renderer/component/Version/Version.tsx b/src/renderer/component/Version/Version.tsx
new file mode 100644
index 000000000..4b67f2bd9
--- /dev/null
+++ b/src/renderer/component/Version/Version.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { version } from "../../../../package.json";
+
+function Version() {
+  return <div className="text-center">Bazecor v{version}</div>;
+}
+
+export default Version;
diff --git a/src/renderer/views/Preferences.js b/src/renderer/views/Preferences.js
index ff5186d8b..03181c7fa 100644
--- a/src/renderer/views/Preferences.js
+++ b/src/renderer/views/Preferences.js
@@ -41,6 +41,7 @@ import { RegularButton } from "../component/Button";
 import { IconFloppyDisk } from "../component/Icon";
 
 import Store from "../utils/Store";
+import Version from "@Renderer/component/Version/Version";
 
 const store = Store.getStore();
 
@@ -445,6 +446,7 @@ class Preferences extends React.Component {
                     pairingButton={<></>}
                     connected={connected}
                   />
+                  <Version />
                 </Col>
               </Row>
             </Container>