diff --git a/web/chat/edit-message-provider.js b/web/chat/edit-message-provider.js --- a/web/chat/edit-message-provider.js +++ b/web/chat/edit-message-provider.js @@ -7,6 +7,10 @@ import type { ChatMessageInfoItem } from 'lib/selectors/chat-selectors.js'; import type { ThreadInfo } from 'lib/types/thread-types'; +import { EditTextMessage } from './edit-text-message.react.js'; + +const deliveryIconWidth = 20; + export type ModalPosition = { +left: number, +top: number, @@ -58,9 +62,27 @@ }, []); const modal = React.useMemo(() => { - // TODO: Add modal - return null; - }, []); + if (!editState || !editState.position) { + return null; + } + + const tooltipNode = ( + + ); + + const tooltipContainerStyle = { + position: 'fixed', + left: editState.position.left, + top: editState.position.top, + }; + + return
{tooltipNode}
; + }, [editState]); const setDraft = React.useCallback( (draft: ?string) => {