feat(profile): display version number from .env in profile menu (#182)

* feat(profile): display version number from .env in profile menu

* Update version checking process

---------

Co-authored-by: LukeGus <bugattiguy527@gmail.com>

src/backend/database/database.ts

@@ -147,22 +147,16 @@ app.get('/health', (req, res) => {
 
 app.get('/version', async (req, res) => {
     let localVersion = process.env.VERSION;
-    
-    // Fallback to package.json version if env variable not set
+
     if (!localVersion) {
         try {
             const packagePath = path.resolve(process.cwd(), 'package.json');
             const packageJson = JSON.parse(fs.readFileSync(packagePath, 'utf8'));
             localVersion = packageJson.version;
-            logger.info(`Using version from package.json: ${localVersion}`);
         } catch (error) {
             logger.error('Failed to read version from package.json:', error);
         }
     }
-    
-    // Debug logging
-    logger.debug(`Final version: ${localVersion}`);
-    logger.debug(`Working directory: ${process.cwd()}`);
 
     if (!localVersion) {
         logger.error('No version information available');
@@ -186,6 +180,7 @@ app.get('/version', async (req, res) => {
 
         const response = {
             status: localVersion === remoteVersion ? 'up_to_date' : 'requires_update',
+            localVersion: localVersion,
             version: remoteVersion,
             latest_release: {
                 tag_name: releaseData.data.tag_name,

src/ui/Desktop/User/UserProfile.tsx

@@ -8,11 +8,13 @@ import {Tabs, TabsContent, TabsList, TabsTrigger} from "@/components/ui/tabs.tsx
 import {User, Shield, Key, AlertCircle} from "lucide-react";
 import {TOTPSetup} from "@/ui/Desktop/User/TOTPSetup.tsx";
 import {getUserInfo} from "@/ui/main-axios.ts";
+import {getVersionInfo} from "@/ui/main-axios.ts";
 import {toast} from "sonner";
 import {PasswordReset} from "@/ui/Desktop/User/PasswordReset.tsx";
 import {useTranslation} from "react-i18next";
 import {LanguageSwitcher} from "@/components/LanguageSwitcher.tsx";
 
+
 interface UserProfileProps {
     isTopbarOpen?: boolean;
 }
@@ -27,11 +29,23 @@ export function UserProfile({isTopbarOpen = true}: UserProfileProps) {
     } | null>(null);
     const [loading, setLoading] = useState(true);
     const [error, setError] = useState<string | null>(null);
+    const [versionInfo, setVersionInfo] = useState<{ version: string } | null>(null);
+
 
     useEffect(() => {
         fetchUserInfo();
+        fetchVersion();
     }, []);
 
+    const fetchVersion = async () => {
+        try {
+            const info = await getVersionInfo();
+            setVersionInfo({version: info.localVersion});
+        } catch (err) {
+            console.error("Failed to load version info", err);
+        }
+    };
+
     const fetchUserInfo = async () => {
         setLoading(true);
         setError(null);
@@ -146,15 +160,22 @@ export function UserProfile({isTopbarOpen = true}: UserProfileProps) {
                                         )}
                                     </p>
                                 </div>
+                                <div>
+                                    <Label>{t('common.version')}</Label>
+                                    <p className="text-lg font-medium mt-1">
+                                        {versionInfo?.version || t('common.loading')}
+                                    </p>
+                                </div>
+
                             </div>
-                            
+
                             <div className="mt-6 pt-6 border-t">
                                 <div className="flex items-center justify-between">
                                     <div>
                                         <Label>{t('common.language')}</Label>
                                         <p className="text-sm text-muted-foreground mt-1">{t('profile.selectPreferredLanguage')}</p>
                                     </div>
-                                    <LanguageSwitcher />
+                                    <LanguageSwitcher/>
                                 </div>
                             </div>
                         </CardContent>

src/ui/main-axios.ts

@@ -142,6 +142,7 @@ interface AuthResponse {
 }
 
 interface UserInfo {
+    totp_enabled: boolean;
     id: string;
     username: string;
     is_admin: boolean;