Added version import from package.json

apps/client/package.json

@@ -4,21 +4,22 @@
 		"win": {
 			"target": [
 				"portable"
-			]
+			],
+			"icon": "public/app/img/app-icon.ico"
 		},
 		"files": [
 			"**/*",
 			"!node_modules/**/*",
 			"node_modules/7zip-bin/win/**/*"
 		],
 		"portable": {
-			"artifactName": "Yuzuflow.exe"
+			"artifactName": "YuzuFlow.exe"
 		}
 	},
 	"name": "client",
 	"main": "./out/main/index.js",
 	"private": true,
-	"version": "0.0.0",
+	"version": "1.0.0",
 	"scripts": {
 		"dev": "electron-vite dev -w",
 		"build": "tsc && electron-vite build && electron-builder",
@@ -27,7 +28,6 @@
 	},
 	"dependencies": {
 		"@nextui-org/react": "^2.1.12",
-		"@types/fs-extra": "^11.0.2",
 		"7zip-bin": "^5.2.0",
 		"autoprefixer": "^10.4.15",
 		"axios": "^1.5.0",
@@ -49,6 +49,7 @@
 	},
 	"devDependencies": {
 		"@types/decompress": "^4.2.5",
+		"@types/fs-extra": "^11.0.2",
 		"@types/node-7z": "^2.1.6",
 		"@types/react": "^18.2.21",
 		"@types/react-dom": "^18.2.7",

apps/client/renderer/components/NavDrawer/NavDrawer.tsx

@@ -1,16 +1,17 @@
-import { DownloadCloud, MonitorDown, Settings } from 'lucide-react';
-import { useEffect, useMemo } from 'react';
-import { AnimatePresence, motion } from 'framer-motion';
+import { DownloadCloud, MonitorDown, Settings } from 'lucide-react'
+import { useEffect, useMemo } from 'react'
+import { AnimatePresence, motion } from 'framer-motion'
 import { useMediaQuery } from '@/renderer/hooks/useMediaQuery'
 import { navDrawerState } from '@/renderer/store/nav-drawer'
-import NavButton from './NavButton';
+import NavButton from './NavButton'
+import { version } from '@/package.json'
 
 const NavDrawer = () => {
-	const smallScreen = useMediaQuery('(max-width: 640px)');
-	const { open, setOpen } = navDrawerState();
+	const smallScreen = useMediaQuery('(max-width: 640px)')
+	const { open, setOpen } = navDrawerState()
 	useEffect(() => {
-		setOpen(!smallScreen);
-	}, [smallScreen]);
+		setOpen(!smallScreen)
+	}, [smallScreen])
 
 	const content = useMemo(
 		() => (
@@ -32,11 +33,11 @@ const NavDrawer = () => {
 						</NavButton>
 					</li>
 				</ul>
-				<span className="block mt-auto text-zinc-500 text-center text-xs">YuzuFlow 1.0</span>
+				<span className="block mt-auto text-zinc-600 text-center text-xs">YuzuFlow {version}</span>
 			</nav>
 		),
 		[]
-	);
+	)
 
 	return smallScreen ? (
 		<AnimatePresence>
@@ -63,7 +64,7 @@ const NavDrawer = () => {
 		</AnimatePresence>
 	) : (
 		open && <div className="min-w-[180px] max-w-[180px] grow">{content}</div>
-	);
-};
+	)
+}
 
-export default NavDrawer;
+export default NavDrawer