mirror of
https://github.com/danny-avila/LibreChat.git
synced 2025-12-20 10:20:15 +01:00
f6924567ce
feat: Enhance CategoryTabs and Marketplace components for better responsiveness and navigation feat: Refactor AgentCard and AgentGrid components for improved layout and accessibility feat: Implement animated category transitions in AgentMarketplace and update NewChat component layout feat: Refactor UI components for improved styling and accessibility in sharing dialogs refactor: remove GenericManagePermissionsDialog and GrantAccessDialog components - Deleted GenericManagePermissionsDialog and GrantAccessDialog components to streamline sharing functionality. - Updated ManagePermissionsDialog to utilize AccessRolesPicker directly. - Introduced UnifiedPeopleSearch for improved people selection experience. - Enhanced PublicSharingToggle with InfoHoverCard for better user guidance. - Adjusted AgentPanel to change error status to warning for duplicate agent versions. - Updated translations to include new keys for search and access management. feat: Add responsive design for SelectedPrincipalsList and improve layout in GenericGrantAccessDialog feat: Enhance styling in SelectedPrincipalsList and SearchPicker components for improved UI consistency feat: Improve PublicSharingToggle component with enhanced styling and accessibility features feat: Introduce InfoHoverCard component and refactor enums for better organization feat: Implement infinite scroll for agent grids and enhance performance - Added `useInfiniteScroll` hook to manage infinite scrolling behavior in agent grids. - Integrated infinite scroll functionality into `AgentGrid` and `VirtualizedAgentGrid` components. - Updated `AgentMarketplace` to pass the scroll container to the agent grid components. - Refactored loading indicators to show a spinner instead of a "Load More" button. - Created `VirtualizedAgentGrid` component for optimized rendering of agent cards using virtualization. - Added performance tests for `VirtualizedAgentGrid` to ensure efficient handling of large datasets. - Updated translations to include new messages for end-of-results scenarios. chore: Remove unused permission-related UI localization keys ci: Update Agent model tests to handle duplicate support_contact updates - Modified tests to ensure that updating an agent with the same support_contact does not create a new version and returns successfully. - Enhanced verification for partial changes in support_contact, confirming no new version is created when content remains the same. chore: Address ESLint, clean up unused imports and improve prop definitions in various components ci: fix tests ci: update tests chore: remove unused search localization keys
57 lines
2 KiB
TypeScript
57 lines
2 KiB
TypeScript
import * as RadixToast from '@radix-ui/react-toast';
|
|
import { NotificationSeverity } from '~/common';
|
|
import { useToast } from '~/hooks';
|
|
|
|
export function Toast() {
|
|
const { toast, onOpenChange } = useToast();
|
|
const severityClassName = {
|
|
[NotificationSeverity.INFO]: 'border-gray-500 bg-gray-500',
|
|
[NotificationSeverity.SUCCESS]: 'border-green-500 bg-green-500',
|
|
[NotificationSeverity.WARNING]: 'border-orange-500 bg-orange-500',
|
|
[NotificationSeverity.ERROR]: 'border-red-500 bg-red-500',
|
|
};
|
|
|
|
return (
|
|
<RadixToast.Root
|
|
open={toast.open}
|
|
onOpenChange={onOpenChange}
|
|
className="toast-root"
|
|
style={{
|
|
height: '74px',
|
|
marginBottom: '0px',
|
|
}}
|
|
>
|
|
<div className="w-full p-1 text-center md:w-auto md:text-justify">
|
|
<div
|
|
className={`alert-root pointer-events-auto inline-flex flex-row gap-2 rounded-md border px-3 py-2 text-white ${
|
|
severityClassName[toast.severity]
|
|
}`}
|
|
>
|
|
{toast.showIcon && (
|
|
<div className="mt-1 flex-shrink-0 flex-grow-0">
|
|
<svg
|
|
stroke="currentColor"
|
|
fill="none"
|
|
strokeWidth="2"
|
|
viewBox="0 0 24 24"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
className="icon-sm"
|
|
height="1em"
|
|
width="1em"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<polygon points="7.86 2 16.14 2 22 7.86 22 16.14 16.14 22 7.86 22 2 16.14 2 7.86 7.86 2" />
|
|
<line x1="12" y1="8" x2="12" y2="12" />
|
|
<line x1="12" y1="16" x2="12.01" y2="16" />
|
|
</svg>
|
|
</div>
|
|
)}
|
|
<RadixToast.Description className="flex-1 justify-center gap-2">
|
|
<div className="whitespace-pre-wrap text-left">{toast.message}</div>
|
|
</RadixToast.Description>
|
|
</div>
|
|
</div>
|
|
</RadixToast.Root>
|
|
);
|
|
}
|