urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-01 14:42:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #3347 from urbit/mp/chat/copy-notice

Browse Source 
chat: restore 'copied' notice on copying names
This commit is contained in:
matildepark 2020-09-14 21:08:37 -04:00 committed by GitHub
commit f4b4a6b1fc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pkg/interface/src/views/apps/chat/components/lib/message.js
View File

@ -1,10 +1,9 @@
import React, { Component } from 'react';
import React from 'react';
import { OverlaySigil } from './overlay-sigil';
import MessageContent from './message-content';
import { uxToHex, cite, writeText } from '~/logic/lib/util';
import moment from 'moment';
export const Message = (props) => {
const {
msg,
@ -23,7 +22,6 @@ export const Message = (props) => {
renderSigil ? 'hh:mm a' : 'hh:mm'
);
return (
<div className={containerClass}
style={{
@ -70,6 +68,17 @@ const renderWithSigil = (props, timestamp) => {
name = cite(props.msg.author);
}
let nameSpan = null;
const copyNotice = (saveName) => {
if (nameSpan !== null) {
nameSpan.innerText = 'Copied';
setTimeout(() => {
nameSpan.innerText = saveName;
}, 800);
}
};
return (
<div className="flex w-100">
<OverlaySigil
@ -92,8 +101,10 @@ const renderWithSigil = (props, timestamp) => {
'mw5 db truncate pointer ' +
(showNickname ? '' : 'mono')
}
ref={(e) => nameSpan = e}
onClick={() => {
writeText(props.msg.author);
writeText(`~${props.msg.author}`);
copyNotice(name);
}}
title={`~${props.msg.author}`}
>
@ -109,5 +120,5 @@ const renderWithSigil = (props, timestamp) => {
</div>
</div>
);
}
};