From 73335ec3ff4c5460e5b949dbe08a8c2348bf5754 Mon Sep 17 00:00:00 2001
From: ilya-bkv <i.yablokov@ccmp.me>
Date: Mon, 12 Dec 2022 11:11:43 +0300
Subject: [PATCH] [WiP]

---
 src/components/Inbox/Message.tsx             |  6 ++----
 src/components/Inbox/MessageActionsPopup.tsx | 19 +++++++++++++++++++
 src/components/Views/Inbox.tsx               |  1 +
 3 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Inbox/MessageActionsPopup.tsx

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) => {
             <div onClick={props.replyClick}>
               <Icon name="chat-reply" class={styles.reply} />
             </div>
-            <Icon name="menu" />
+            <MessageActionsPopup trigger={<Icon name="menu" />} />
           </div>
           <div innerHTML={md.render(props.content.body)} />
         </div>
       </div>
-      <Show when={props.content.replyTo}>
-        <small>Repl to {props.content.replyTo}</small>
-      </Show>
       <div class={styles.time}>{formattedTime(props.content.createdAt)}</div>
     </div>
   )
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<PopupProps, 'children'>
+
+export const MessageActionsPopup = (props: MessageActionsPopup) => {
+  return (
+    <Popup {...props}>
+      <ul class="nodash">
+        <li>Ответить</li>
+        <li>Скопировать</li>
+        <li>Закрепить</li>
+        <li>Переслать</li>
+        <li>Выбрать</li>
+        <li>Удалить</li>
+      </ul>
+    </Popup>
+  )
+}
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) {