mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-22 19:30:15 +01:00
c79ee32006
* ✨ feat: Enhance Spinner component with customizable properties and improved animation * 🔧 fix: Replace Loader with Spinner in RunCode component and update FilePreview to use Spinner for progress indication * ✨ feat: Refactor icons in CodeProgress and CancelledIcon components; enhance animation and styling in ExecuteCode and ProgressText components * ✨ feat: Refactor attachment handling in ExecuteCode component; replace individual attachment rendering with AttachmentGroup for improved structure * ✨ feat: Refactor dialog components for improved accessibility and styling; integrate Skeleton loading state in Image component * ✨ feat: Refactor ToolCall component to use ToolCallInfo for better structure; replace ToolPopover with AttachmentGroup; enhance ProgressText with error handling and improved UI elements * 🔧 fix: Remove unnecessary whitespace in ProgressText * 🔧 fix: Remove unnecessary margin from AgentFooter and AgentPanel components; clean up SidePanel imports * ✨ feat: Enhance ToolCall and ToolCallInfo components with improved styling; update translations and add warning text color to Tailwind config * 🔧 fix: Update import statement for useLocalize in ToolCallInfo component; fix: chatform transition * ✨ feat: Refactor ToolCall and ToolCallInfo components for improved structure and styling; add optimized code block for better output display * ✨ feat: Implement OpenAI image generation component; add progress tracking and localization for user feedback * 🔧 fix: Adjust base duration values for image generation; optimize timing for quality settings * chore: remove unnecessary space * ✨ feat: Enhance OpenAI image generation with editing capabilities; update localization for progress feedback * ✨ feat: Add download functionality to images; enhance DialogImage component with download button * ✨ feat: Enhance image resizing functionality; support custom percentage and pixel dimensions in resizeImageBuffer
36 lines
1,016 B
TypeScript
36 lines
1,016 B
TypeScript
import type { TFile } from 'librechat-data-provider';
|
|
import type { ExtendedFile } from '~/common';
|
|
import FileIcon from '~/components/svg/Files/FileIcon';
|
|
import { Spinner } from '~/components';
|
|
import SourceIcon from './SourceIcon';
|
|
import { cn } from '~/utils';
|
|
|
|
const FilePreview = ({
|
|
file,
|
|
fileType,
|
|
className = '',
|
|
}: {
|
|
file?: Partial<ExtendedFile | TFile>;
|
|
fileType: {
|
|
paths: React.FC;
|
|
fill: string;
|
|
title: string;
|
|
};
|
|
className?: string;
|
|
}) => {
|
|
return (
|
|
<div className={cn('relative size-10 shrink-0 overflow-hidden rounded-xl', className)}>
|
|
<FileIcon file={file} fileType={fileType} />
|
|
<SourceIcon source={file?.source} isCodeFile={!!file?.['metadata']?.fileIdentifier} />
|
|
{typeof file?.['progress'] === 'number' && file?.['progress'] < 1 && (
|
|
<Spinner
|
|
bgOpacity={0.2}
|
|
color="white"
|
|
className="absolute inset-0 m-2.5 flex items-center justify-center"
|
|
/>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default FilePreview;
|