Add khoj_version to the settings menu

khoj-ai · Dec 9, 2024 · 0b87c13 · 0b87c13
1 parent 47a087c
commit 0b87c13
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 21 deletions.
diff --git a/src/interface/web/app/common/auth.ts b/src/interface/web/app/common/auth.ts
@@ -9,6 +9,7 @@ export interface UserProfile {
     is_active: boolean;
     has_documents: boolean;
     detail: string;
+    khoj_version: string;
 }
 
 const fetcher = (url: string) =>

diff --git a/src/interface/web/app/components/navMenu/navMenu.tsx b/src/interface/web/app/components/navMenu/navMenu.tsx
@@ -22,7 +22,7 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { Moon, Sun, UserCircle, Question, GearFine, ArrowRight } from "@phosphor-icons/react";
+import { Moon, Sun, UserCircle, Question, GearFine, ArrowRight, Code } from "@phosphor-icons/react";
 import { KhojAgentLogo, KhojAutomationLogo, KhojSearchLogo } from "../logo/khojLogo";
 import { useIsMobileWidth } from "@/app/common/utils";
 
@@ -143,18 +143,18 @@ export default function NavMenu() {
                                 </Link>
                             </DropdownMenuItem>
                         )}
+                        {userData && (
+                            <DropdownMenuItem>
+                                <Link href="/settings" className="no-underline w-full">
+                                    <div className="flex flex-rows">
+                                        <GearFine className="w-6 h-6" />
+                                        <p className="ml-3 font-semibold">Settings</p>
+                                    </div>
+                                </Link>
+                            </DropdownMenuItem>
+                        )}
                         <>
                             <DropdownMenuSeparator />
-                            {userData && (
-                                <DropdownMenuItem>
-                                    <Link href="/settings" className="no-underline w-full">
-                                        <div className="flex flex-rows">
-                                            <GearFine className="w-6 h-6" />
-                                            <p className="ml-3 font-semibold">Settings</p>
-                                        </div>
-                                    </Link>
-                                </DropdownMenuItem>
-                            )}
                             <DropdownMenuItem>
                                 <Link href="https://docs.khoj.dev" className="no-underline w-full">
                                     <div className="flex flex-rows">
@@ -163,6 +163,19 @@ export default function NavMenu() {
                                     </div>
                                 </Link>
                             </DropdownMenuItem>
+                            <DropdownMenuItem>
+                                <Link
+                                    href="https://github.com/khoj-ai/khoj/releases"
+                                    className="no-underline w-full"
+                                >
+                                    <div className="flex flex-rows">
+                                        <Code className="w-6 h-6" />
+                                        <p className="ml-3 font-semibold">
+                                            {userData ? userData.khoj_version : "Releases"}
+                                        </p>
+                                    </div>
+                                </Link>
+                            </DropdownMenuItem>
                             {userData ? (
                                 <DropdownMenuItem>
                                     <Link href="/auth/logout" className="no-underline w-full">
@@ -251,6 +264,16 @@ export default function NavMenu() {
                                     </Link>
                                 </MenubarItem>
                             )}
+                            {userData && (
+                                <MenubarItem>
+                                    <Link href="/settings" className="no-underline w-full">
+                                        <div className="flex flex-rows">
+                                            <GearFine className="w-6 h-6" />
+                                            <p className="ml-3 font-semibold">Settings</p>
+                                        </div>
+                                    </Link>
+                                </MenubarItem>
+                            )}
                             <>
                                 <MenubarSeparator className="dark:bg-white height-[2px] bg-black" />
                                 <MenubarItem>
@@ -264,16 +287,20 @@ export default function NavMenu() {
                                         </div>
                                     </Link>
                                 </MenubarItem>
-                                {userData && (
-                                    <MenubarItem>
-                                        <Link href="/settings" className="no-underline w-full">
-                                            <div className="flex flex-rows">
-                                                <GearFine className="w-6 h-6" />
-                                                <p className="ml-3 font-semibold">Settings</p>
-                                            </div>
-                                        </Link>
-                                    </MenubarItem>
-                                )}
+
+                                <MenubarItem>
+                                    <Link
+                                        href="https://github.com/khoj-ai/khoj/releases"
+                                        className="no-underline w-full"
+                                    >
+                                        <div className="flex flex-rows">
+                                            <Code className="w-6 h-6" />
+                                            <p className="ml-3 font-semibold">
+                                                {userData ? userData.khoj_version : "Releases"}
+                                            </p>
+                                        </div>
+                                    </Link>
+                                </MenubarItem>
                                 {userData ? (
                                     <MenubarItem>
                                         <Link href="/auth/logout" className="no-underline w-full">

diff --git a/src/khoj/routers/api.py b/src/khoj/routers/api.py
@@ -537,6 +537,7 @@ def user_info(request: Request) -> Response:
         "photo": user_picture,
         "is_active": is_active,
         "has_documents": has_documents,
+        "khoj_version": state.khoj_version,
     }
 
     # Return user information as a JSON response