reply thread vertical line

This commit is contained in:
Martti Malmi 2023-06-26 11:30:49 +03:00
parent 8e38b79864
commit 0e9ac75d14

View File

@ -238,19 +238,20 @@ const Note = ({
function renderIdenticon() {
return (
<span>
<span className="flex flex-col items-center">
{event.pubkey ? (
<a href={`/${event.pubkey}`}>
<a href={`/${event.pubkey}`} className="mr-2">
<Identicon str={Key.toNostrBech32Address(event.pubkey, 'npub')} width={40} />
</a>
) : (
''
)}
{(isQuote && !standalone && <div className="line"></div>) || ''}
{isQuote && !standalone && <div className="border-l-2 border-neutral-800 h-full"></div>}
</span>
);
}
function renderMsgSender() {
return (
<div className="flex items-center gap-2 justify-between">
@ -312,10 +313,10 @@ const Note = ({
<>
{meta.replyingTo && showRepliedMsg && renderRepliedMsg()}
<div key={event.id + 'note'} className={getClassName()} onClick={(e) => messageClicked(e)}>
<div className="p-4" onClick={(e) => messageClicked(e)}>
<div className="p-4 flex flex-row" onClick={(e) => messageClicked(e)}>
{!standalone && !isReply && !isQuoting && rootMsg && renderShowThread()}
{!fullWidth && renderIdenticon()}
<div>
<div className="flex-grow">
{renderMsgSender()}
{(replyingToUsers?.length && !isQuoting && renderReplyingTo()) || null}
{standalone && renderHelmet()}