From e6cc5dbe015df70c02b31febb01049e0258d96af Mon Sep 17 00:00:00 2001
From: Misieq01 <bartosz2000walczak@gmail.com>
Date: Fri, 13 Dec 2024 15:46:34 +0100
Subject: [PATCH] mvp

---
 src/containers/phase/Setup/Setup.tsx          |  2 ++
 .../phase/Setup/components/AppVersion.tsx     | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/containers/phase/Setup/components/AppVersion.tsx

diff --git a/src/containers/phase/Setup/Setup.tsx b/src/containers/phase/Setup/Setup.tsx
index 2b10d56a8..5c87c4abb 100644
--- a/src/containers/phase/Setup/Setup.tsx
+++ b/src/containers/phase/Setup/Setup.tsx
@@ -4,6 +4,7 @@ import HeroText from './components/HeroText';
 import InfoNav from './components/InfoNav/InfoNav';
 import { SetupWrapper } from '@app/containers/phase/Setup/Setup.styles';
 import grain from '/assets/img/grain.png';
+import AppVersion from './components/AppVersion';
 
 export default function Setup() {
     useSetUp();
@@ -12,6 +13,7 @@ export default function Setup() {
             <HeroText />
             <InfoNav />
             <Footer />
+            <AppVersion />
         </SetupWrapper>
     );
 }
diff --git a/src/containers/phase/Setup/components/AppVersion.tsx b/src/containers/phase/Setup/components/AppVersion.tsx
new file mode 100644
index 000000000..95b482ad1
--- /dev/null
+++ b/src/containers/phase/Setup/components/AppVersion.tsx
@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react';
+import { getVersion } from '@tauri-apps/api/app';
+import { Typography } from '@app/components/elements/Typography';
+
+export default function AppVersion() {
+    const [tariVersion, setTariVersion] = useState<string | null>(null);
+
+    useEffect(() => {
+        getVersion().then((version) => {
+            setTariVersion(version);
+        });
+    }, []);
+
+    return tariVersion ? (
+        <Typography variant="span" style={{ zIndex: 1000, position: 'absolute', right: 12, bottom: 6 }}>
+            {tariVersion}
+        </Typography>
+    ) : null;
+}