diff --git a/src/components/Inbox/Message.tsx b/src/components/Inbox/Message.tsx index a4a7c44b..54209002 100644 --- a/src/components/Inbox/Message.tsx +++ b/src/components/Inbox/Message.tsx @@ -6,6 +6,7 @@ import DialogAvatar from './DialogAvatar' import type { Message, ChatMember } from '../../graphql/types.gen' import formattedTime from '../../utils/formatDateTime' import { Icon } from '../_shared/Icon' +import { MessageActionsPopup } from './MessageActionsPopup' type Props = { content: Message @@ -35,14 +36,11 @@ const Message = (props: Props) => {
- + } />
- - Repl to {props.content.replyTo} -
{formattedTime(props.content.createdAt)}
) diff --git a/src/components/Inbox/MessageActionsPopup.tsx b/src/components/Inbox/MessageActionsPopup.tsx new file mode 100644 index 00000000..4509cf5f --- /dev/null +++ b/src/components/Inbox/MessageActionsPopup.tsx @@ -0,0 +1,19 @@ +import type { PopupProps } from '../_shared/Popup' +import { Popup } from '../_shared/Popup' + +type MessageActionsPopup = Omit + +export const MessageActionsPopup = (props: MessageActionsPopup) => { + return ( + +
    +
  • Ответить
  • +
  • Скопировать
  • +
  • Закрепить
  • +
  • Переслать
  • +
  • Выбрать
  • +
  • Удалить
  • +
+
+ ) +} diff --git a/src/components/Views/Inbox.tsx b/src/components/Views/Inbox.tsx index 3180c705..add42d82 100644 --- a/src/components/Views/Inbox.tsx +++ b/src/components/Views/Inbox.tsx @@ -57,6 +57,7 @@ export const InboxView = () => { changeSearchParam('chat', `${chat.id}`) try { const response = await loadMessages({ chat: chat.id }) + console.log('!!! response:', response) setMessages(response as unknown as MessageType[]) // TODO: one client recreating } catch (error) {