klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 21:19:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove separate knowledge base file - consolidated in the search page

Browse Source
This commit is contained in:
sabaimran
2025-01-10 18:57:38 -08:00
parent f2c6ce2435
commit d77984f9d1
3 changed files with 2 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/interface/web/app/components/appSidebar/appSidebar.tsx
View File

@@ -17,7 +17,7 @@ import {
KhojSearchLogo,
} from "../logo/khojLogo";
import { Gear } from "@phosphor-icons/react/dist/ssr";
import { Book, Plus } from "@phosphor-icons/react";
import { Plus } from "@phosphor-icons/react";
import { useEffect, useState } from "react";
import AllConversations from "../allConversations/allConversations";
import FooterMenu from "../navMenu/navMenu";
@@ -55,11 +55,6 @@ const items = [
url: "/settings",
icon: Gear,
},
{
title: "Knowledge Base",
url: "/knowledge",
icon: Book,
},
];
const SIDEBAR_KEYBOARD_SHORTCUT = "b";

93
src/interface/web/app/knowledge/page.tsx
View File

@@ -1,93 +0,0 @@
"use client";
import { useState, useEffect } from "react";
import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
import { AppSidebar } from "../components/appSidebar/appSidebar";
import { Separator } from "@/components/ui/separator";
import { KhojLogoType } from "../components/logo/khojLogo";
import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
import { useIsMobileWidth } from "../common/utils";
import { InlineLoading } from "../components/loading/loading";
interface FileObject {
file_name: string;
raw_text: string;
}
export default function KnowledgeBase() {
const [files, setFiles] = useState<FileObject[]>([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState<string | null>(null);
const isMobileWidth = useIsMobileWidth();
useEffect(() => {
const fetchFiles = async () => {
try {
const response = await fetch("/api/content/all");
if (!response.ok) throw new Error("Failed to fetch files");
const filesList = await response.json();
if (Array.isArray(filesList)) {
setFiles(filesList.toSorted());
}
} catch (error) {
setError("Failed to load files");
console.error("Error fetching files:", error);
} finally {
setLoading(false);
}
};
fetchFiles();
}, []);
return (
<SidebarProvider>
<AppSidebar conversationId={""} />
<SidebarInset>
<header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">
<SidebarTrigger className="-ml-1" />
<Separator orientation="vertical" className="mr-2 h-4" />
{isMobileWidth ? (
<a className="p-0 no-underline" href="/">
<KhojLogoType className="h-auto w-16" />
</a>
) : (
<h2 className="text-lg">Knowledge Base</h2>
)}
</header>
<main>
<div className="md:w-3/4 sm:w-full mx-auto pt-6 md:pt-8">
{loading && (
<div className="mt-4 flex items-center justify-center">
<InlineLoading
className="mt-4"
message={"Loading"}
iconClassName="h-5 w-5"
/>
</div>
)}
{error && <div className="text-red-500">{error}</div>}
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
{files.map((file, index) => (
<Card key={index}>
<CardHeader>
<CardTitle className="text-sm font-medium">
{file.file_name.split("/").pop()}
</CardTitle>
</CardHeader>
<CardContent>
<p className="text-sm text-muted-foreground">
{file.raw_text.slice(0, 100)}...
</p>
</CardContent>
</Card>
))}
</div>
</div>
</main>
</SidebarInset>
</SidebarProvider>
);
}

2
src/interface/web/app/search/page.tsx
View File

@@ -276,7 +276,7 @@ const UploadFiles: React.FC<{
return (
<Dialog>
<DialogTrigger>
<DialogTrigger asChild>
<Button variant={"secondary"} className="mt-4">
Add Documents
</Button>