gmakstutis/openrag
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

Show globe icon for HTML documents in knowledge page

Browse source 
Updated getSourceIcon to display a globe icon for documents with 'text/html' mimetype, regardless of connector type. This improves visual identification of web-based documents in the grid.
This commit is contained in:
Edwin Jose 2025-10-03 12:29:46 -04:00
parent c55b891968
commit 5654620989
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/app/knowledge/page.tsx
View file

@ -2,7 +2,7 @@
import type { ColDef } from "ag-grid-community"; import type { ColDef } from "ag-grid-community";
import { AgGridReact, type CustomCellRendererProps } from "ag-grid-react"; import { AgGridReact, type CustomCellRendererProps } from "ag-grid-react";
import { Building2, Cloud, HardDrive, Search, Trash2, X } from "lucide-react"; import { Building2, Cloud, Globe, HardDrive, Search, Trash2, X } from "lucide-react";
import { useRouter } from "next/navigation"; import { useRouter } from "next/navigation";
import { type ChangeEvent, useCallback, useRef, useState } from "react"; import { type ChangeEvent, useCallback, useRef, useState } from "react";
import { SiGoogledrive } from "react-icons/si"; import { SiGoogledrive } from "react-icons/si";
@ -22,8 +22,12 @@ import { DeleteConfirmationDialog } from "../../../components/confirmation-dialo
import { useDeleteDocument } from "../api/mutations/useDeleteDocument"; import { useDeleteDocument } from "../api/mutations/useDeleteDocument";
import { filterAccentClasses } from "@/components/knowledge-filter-panel"; import { filterAccentClasses } from "@/components/knowledge-filter-panel";
// Function to get the appropriate icon for a connector type // Function to get the appropriate icon for a connector type or mimetype
function getSourceIcon(connectorType?: string) { function getSourceIcon(connectorType?: string, mimetype?: string) {
// If the document is HTML, show a web globe icon regardless of connector
if (typeof mimetype === "string" && mimetype.startsWith("text/html")) {
return <Globe className="h-4 w-4 text-muted-foreground flex-shrink-0" strokeWidth={1.25} />;
}
switch (connectorType) { switch (connectorType) {
case "google_drive": case "google_drive":
return ( return (
@ -112,7 +116,7 @@ function SearchPage() {
); );
}} }}
> >
{getSourceIcon(data?.connector_type)} {getSourceIcon(data?.connector_type, data?.mimetype)}
<span className="font-medium text-foreground truncate"> <span className="font-medium text-foreground truncate">
{value} {value}
</span> </span>