diff --git a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx index d5f609124..6252383dd 100644 --- a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx +++ b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx @@ -294,7 +294,9 @@ export const MessageWithSigil = (props) => { return ( <> toggleOverlay()} + onClick={() => { + setShowOverlay(true); + }} className='fl v-top pt1' height={16} pr={3} @@ -311,6 +313,7 @@ export const MessageWithSigil = (props) => { history={history} className='relative' scrollWindow={scrollWindow} + api={api} /> )} {img} diff --git a/pkg/interface/src/views/components/ProfileStatus.js b/pkg/interface/src/views/components/ProfileStatus.js index eaa3a5d4d..007b2539b 100644 --- a/pkg/interface/src/views/components/ProfileStatus.js +++ b/pkg/interface/src/views/components/ProfileStatus.js @@ -8,12 +8,15 @@ import { Row, Button, StatelessTextInput as Input, + Text } from "@tlon/indigo-react"; export const ProfileStatus = (props) => { const { contact, ship, api, callback } = props; const [_status, setStatus] = useState(''); + const [notice, setNotice] = useState(' '); + const onStatusChange = useCallback( (e) => { setStatus(e.target.value); @@ -28,28 +31,36 @@ export const ProfileStatus = (props) => { const editStatus = () => { api.contacts.edit(ship, {status: _status}); + setNotice('Success!'); + setTimeout(() => { + setNotice(' '); + }, 1000); + if (callback) { callback(); } }; return ( - - { - if (evt.key === 'Enter') { + <> + + { + if (evt.key === 'Enter') { + editStatus(); + } + }} + onBlur={() => { editStatus(); - } - }} - onBlur={() => { - editStatus(); - }} - /> - + }} + /> + + {notice} + ); };