Replaces the Gemini service integration with support for Open WebUI. This change simplifies the AI backend by leveraging an existing solution, allowing for more flexible API connections and reducing direct dependency on specific AI models. Updated dependencies, including React, to their latest versions to incorporate performance improvements and bug fixes. Refactored color schemes and typography in the HTML to better align with the application's theme. Adjusted type definitions for improved clarity and compatibility with the new backend integration.
21 lines
603 B
TypeScript
21 lines
603 B
TypeScript
import React from 'react';
|
|
import { Trash2 } from 'lucide-react';
|
|
|
|
interface Props {
|
|
messageId: string;
|
|
onDelete: (id: string) => void;
|
|
}
|
|
|
|
export function MessageActions({ messageId, onDelete }: Props) {
|
|
return (
|
|
<div className="opacity-0 group-hover:opacity-100 transition-opacity duration-200 flex items-center">
|
|
<button
|
|
onClick={() => onDelete(messageId)}
|
|
className="p-1.5 rounded-full hover:bg-sergio-200 text-sergio-400 hover:text-red-700 transition-colors"
|
|
title="Remove without trace"
|
|
>
|
|
<Trash2 size={14} />
|
|
</button>
|
|
</div>
|
|
);
|
|
}
|