mvp

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>
     );
 }

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;
+}