nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 22:23:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

smaller repost text, loop posted video

Browse Source
This commit is contained in:
Martti Malmi 2023-02-12 21:00:21 +02:00
parent 6532690d90
commit 2f0ac29f8f
3 changed files with 24 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/style.css
View File

@ -1937,6 +1937,15 @@ hr {
float: right;
}
.reposted {
display: flex;
}
.reposted svg {
width: 19px;
margin-right: 10px;
}
small,
.text-muted {
font-size: 14px;

2
src/js/components/FeedMessageForm.js
View File

@ -329,7 +329,7 @@ class FeedMessageForm extends MessageForm {
if (a.type?.startsWith('video')) {
return html`
${status}
<video controls>
<video controls loop=${true} autoplay=${true} muted=${true}>
<source src=${a.data} />
</video>
`;

26
src/js/components/PublicMessage.js
View File

@ -438,20 +438,22 @@ class PublicMessage extends Message {
`;
}
renderBoost(id) {
renderRepost(id) {
return html`
<div class="msg">
<div class="msg-content" style="padding: 12px 0 0 0;">
<div style="display: flex; align-items: center; flex-basis: 100%; margin-left: 15px">
<i style="margin-right: 15px;"> ${Icons.boost} </i>
<a href="/${Nostr.toNostrBech32Address(this.state.msg.event.pubkey, 'npub')}">
<${Name}
pub=${this.state.msg?.event?.pubkey}
hideBadge=${true}
userNameOnly=${true}
/>
</a>
<span style="margin-left: 5px"> ${t('reposted')} </span>
<small class="reposted">
<i> ${Icons.boost} </i>
<a href="/${Nostr.toNostrBech32Address(this.state.msg.event.pubkey, 'npub')}">
<${Name}
pub=${this.state.msg?.event?.pubkey}
hideBadge=${true}
userNameOnly=${true}
/>
</a>
<span style="margin-left: 5px"> ${t('reposted')} </span>
</small>
</div>
<${PublicMessage} hash=${id} showName=${true} />
</div>
@ -514,7 +516,7 @@ class PublicMessage extends Message {
case 3:
return this.renderFollow();
case 6:
return this.renderBoost(this.state.msg.event.tags.reverse().find((t) => t[0] === 'e')[1]);
return this.renderRepost(this.state.msg.event.tags.reverse().find((t) => t[0] === 'e')[1]);
case 7:
return this.renderLike();
case 1: {
@ -522,7 +524,7 @@ class PublicMessage extends Message {
(tag) => tag[0] === 'e' && tag[3] === 'mention',
);
if (this.state.msg?.event?.content === `#[${mentionIndex}]`) {
return this.renderBoost(this.state.msg?.event?.tags[mentionIndex][1]);
return this.renderRepost(this.state.msg?.event?.tags[mentionIndex][1]);
}
break;
}