diff --git a/src/apps/chat/components/composer/Composer.tsx b/src/apps/chat/components/composer/Composer.tsx index 95ede7f38..873dc7705 100644 --- a/src/apps/chat/components/composer/Composer.tsx +++ b/src/apps/chat/components/composer/Composer.tsx @@ -3,9 +3,9 @@ import { shallow } from 'zustand/shallow'; import { Box, Button, Card, Grid, IconButton, ListDivider, ListItemDecorator, Menu, MenuItem, Stack, Textarea, Tooltip, Typography, useTheme } from '@mui/joy'; import { ColorPaletteProp, SxProps, VariantProp } from '@mui/joy/styles/types'; -import ClearIcon from '@mui/icons-material/Clear'; import ContentPasteGoIcon from '@mui/icons-material/ContentPasteGo'; import DataArrayIcon from '@mui/icons-material/DataArray'; +import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline'; import FormatAlignCenterIcon from '@mui/icons-material/FormatAlignCenter'; import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; import MicIcon from '@mui/icons-material/Mic'; @@ -105,7 +105,7 @@ const SentMessagesMenu = (props: { onClear: () => void, }) => Reuse messages 💬 @@ -120,8 +120,8 @@ const SentMessagesMenu = (props: { - - Clear all + + Clear sent messages history ; diff --git a/src/apps/chat/components/composer/store-composer.ts b/src/apps/chat/components/composer/store-composer.ts index 2c29f6fc0..736ffb5c7 100644 --- a/src/apps/chat/components/composer/store-composer.ts +++ b/src/apps/chat/components/composer/store-composer.ts @@ -19,6 +19,8 @@ interface ComposerStore { } +const MAX_SENT_MESSAGES_HISTORY = 16; + export const useComposerStore = create()( persist((set, get) => ({ @@ -40,7 +42,7 @@ export const useComposerStore = create()( list.unshift(item); // update the store (limiting max items) - set({ sentMessages: list.slice(0, 20) }); + set({ sentMessages: list.slice(0, MAX_SENT_MESSAGES_HISTORY) }); }, clearSentMessages: () => set({ sentMessages: [] }),