renamed dialog, added reactions menu

src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.test.tsx

@@ -1,26 +1,26 @@
 import { render, screen, fireEvent } from '@testing-library/react';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { useMessageStore } from "@core/stores/messageStore.ts";
-import { ClearMessagesDialog } from "@components/Dialog/ClearMessagesDialog/ClearMessagesDialog.tsx";
+import { DeleteMessagesDialog } from "@components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx";
 
 vi.mock('@core/stores/messageStore.ts', () => ({
   useMessageStore: vi.fn(() => ({
-    clearAllMessages: vi.fn(),
+    deleteAllMessages: vi.fn(),
   })),
 }));
 
-describe('ClearMessagesDialog', () => {
+describe('DeleteMessagesDialog', () => {
   const mockOnOpenChange = vi.fn();
   const mockClearAllMessages = vi.fn();
 
   beforeEach(() => {
-    vi.mocked(useMessageStore).mockReturnValue({ clearAllMessages: mockClearAllMessages });
+    vi.mocked(useMessageStore).mockReturnValue({ deleteAllMessages: mockClearAllMessages });
     mockOnOpenChange.mockClear();
     mockClearAllMessages.mockClear();
   });
 
   it('renders the dialog when open is true', () => {
-    render(<ClearMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
+    render(<DeleteMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
     expect(screen.getByText('Clear All Messages')).toBeVisible();
     expect(screen.getByText(/This action will clear all message history./)).toBeVisible();
     expect(screen.getByRole('button', { name: 'Dismiss' })).toBeVisible();
@@ -28,24 +28,24 @@ describe('ClearMessagesDialog', () => {
   });
 
   it('does not render the dialog when open is false', () => {
-    render(<ClearMessagesDialog open={false} onOpenChange={mockOnOpenChange} />);
+    render(<DeleteMessagesDialog open={false} onOpenChange={mockOnOpenChange} />);
     expect(screen.queryByText('Clear All Messages')).toBeNull();
   });
 
   it('calls onOpenChange with false when the close button is clicked', () => {
-    render(<ClearMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
+    render(<DeleteMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
     fireEvent.click(screen.getByRole('button', { name: 'Close' }));
     expect(mockOnOpenChange).toHaveBeenCalledWith(false);
   });
 
   it('calls onOpenChange with false when the dismiss button is clicked', () => {
-    render(<ClearMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
+    render(<DeleteMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
     fireEvent.click(screen.getByRole('button', { name: 'Dismiss' }));
     expect(mockOnOpenChange).toHaveBeenCalledWith(false);
   });
 
-  it('calls clearAllMessages and onOpenChange with false when the clear messages button is clicked', () => {
-    render(<ClearMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
+  it('calls deleteAllMessages and onOpenChange with false when the clear messages button is clicked', () => {
+    render(<DeleteMessagesDialog open={true} onOpenChange={mockOnOpenChange} />);
     fireEvent.click(screen.getByRole('button', { name: 'Clear Messages' }));
     expect(mockClearAllMessages).toHaveBeenCalledTimes(1);
     expect(mockOnOpenChange).toHaveBeenCalledWith(false);

src/components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx

@@ -12,16 +12,16 @@ import {
 import { AlertTriangleIcon } from "lucide-react";
 import { useMessageStore } from "@core/stores/messageStore.ts";
 
-export interface ClearMessagesDialogProps {
+export interface DeleteMessagesDialogProps {
   open: boolean;
   onOpenChange: (open: boolean) => void;
 }
 
-export const ClearMessagesDialog = ({
+export const DeleteMessagesDialog = ({
   open,
   onOpenChange,
-}: ClearMessagesDialogProps) => {
-  const { clearAllMessages } = useMessageStore();
+}: DeleteMessagesDialogProps) => {
+  const { deleteAllMessages } = useMessageStore();
   const handleCloseDialog = () => {
     onOpenChange(false);
   };
@@ -50,7 +50,7 @@ export const ClearMessagesDialog = ({
           <Button
             variant="destructive"
             onClick={() => {
-              clearAllMessages();
+              deleteAllMessages();
               handleCloseDialog();
             }}
           >

src/components/Dialog/DialogManager.tsx

@@ -10,7 +10,7 @@ import { NodeDetailsDialog } from "@components/Dialog/NodeDetailsDialog/NodeDeta
 import { UnsafeRolesDialog } from "@components/Dialog/UnsafeRolesDialog/UnsafeRolesDialog.tsx";
 import { RefreshKeysDialog } from "@components/Dialog/RefreshKeysDialog/RefreshKeysDialog.tsx";
 import { RebootOTADialog } from "@components/Dialog/RebootOTADialog.tsx";
-import { ClearMessagesDialog } from "@components/Dialog/ClearMessagesDialog/ClearMessagesDialog.tsx";
+import { DeleteMessagesDialog } from "@components/Dialog/DeleteMessagesDialog/DeleteMessagesDialog.tsx";
 
 
 export const DialogManager = () => {
@@ -86,10 +86,10 @@ export const DialogManager = () => {
           setDialogOpen("rebootOTA", open);
         }}
       />
-      <ClearMessagesDialog
-        open={dialog.clearMessages}
+      <DeleteMessagesDialog
+        open={dialog.deleteMessages}
         onOpenChange={(open) => {
-          setDialogOpen("clearMessages", open);
+          setDialogOpen("deleteMessages", open);
         }}
       />
     </>