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

Merge branch 'main' into issue-480-wsl-docs

Browse source
This commit is contained in:
April I. Murphy 2025-11-24 14:19:31 -08:00 • committed by GitHub
commit a5bfff218a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/app/chat/_components/chat-input.tsx
View file

@ -350,6 +350,7 @@ export const ChatInput = forwardRef<ChatInputHandle, ChatInputProps>(
onClear={() => {
onFileSelected(null);
}}
isUploading={isUploading}
/>
</motion.div>
)}

9
frontend/app/chat/_components/file-preview.tsx
View file

@ -1,10 +1,11 @@
import { X } from "lucide-react";
import { Loader2, X } from "lucide-react";
import Image from "next/image";
import { Button } from "@/components/ui/button";
interface FilePreviewProps {
uploadedFile: File;
onClear: () => void;
isUploading?: boolean;
}
const formatFileSize = (bytes: number): string => {
@ -22,12 +23,14 @@ const getFilePreviewUrl = (file: File): string => {
return "";
};
export const FilePreview = ({ uploadedFile, onClear }: FilePreviewProps) => {
export const FilePreview = ({ uploadedFile, onClear, isUploading = false }: FilePreviewProps) => {
return (
<div className="max-w-[250px] flex items-center gap-2 p-2 bg-muted rounded-lg">
{/* File Image Preview */}
<div className="flex-shrink-0 w-8 h-8 bg-background rounded border border-input flex items-center justify-center overflow-hidden">
{getFilePreviewUrl(uploadedFile) ? (
{isUploading ? (
<Loader2 className="h-4 w-4 animate-spin text-muted-foreground" />
) : getFilePreviewUrl(uploadedFile) ? (
<Image
src={getFilePreviewUrl(uploadedFile)}
alt="File preview"

28
frontend/components/navigation.tsx
View file

@ -472,19 +472,15 @@ export function Navigation({
</>
)}
</div>
<div className="flex-shrink-0 mt-4">
<div className="flex items-center justify-between mb-3 mx-3">
<h3 className="text-xs font-medium text-muted-foreground">
Files
</h3>
</div>
<div className="overflow-y-auto scrollbar-hide space-y-1">
{(newConversationFiles?.length ?? 0) === 0 ? (
<div className="text-[13px] text-muted-foreground py-2 px-3">
No documents yet
</div>
) : (
newConversationFiles?.map((file, index) => (
{(newConversationFiles?.length ?? 0) !== 0 && (
<div className="flex-shrink-0 mt-4">
<div className="flex items-center justify-between mb-3 mx-3">
<h3 className="text-xs font-medium text-muted-foreground">
Files
</h3>
</div>
<div className="overflow-y-auto scrollbar-hide space-y-1">
{newConversationFiles?.map((file, index) => (
<div
key={`${file}-${index}`}
className="flex-1 min-w-0 px-3"
@ -493,10 +489,10 @@ export function Navigation({
{file}
</div>
</div>
))
)}
))}
</div>
</div>
</div>
)}
</div>
</div>
)}