fix properties in pending view

This commit is contained in:
plebbitor
2023-04-11 11:15:19 +02:00
parent 8f24b70878
commit 43a88a105a
+12 -12
View File
@@ -227,18 +227,18 @@ const Pending = () => {
</span>) </span>)
: null} : null}
&nbsp; &nbsp;
{comment.author?.displayName {comment.displayName
? comment.author?.displayName.length > 20 ? comment.displayName.length > 20
? <> ? <>
<span key={`n-${"pending"}`} className="name" <span key={`n-${"pending"}`} className="name"
data-tooltip-id="tooltip" data-tooltip-id="tooltip"
data-tooltip-content={comment.author?.displayName} data-tooltip-content={comment.displayName}
data-tooltip-place="top"> data-tooltip-place="top">
{comment.author?.displayName.slice(0, 20) + " (...)"} {comment.displayName.slice(0, 20) + " (...)"}
</span> </span>
</> </>
: <span key={`n-${"pending"}`} className="name"> : <span key={`n-${"pending"}`} className="name">
{comment.author?.displayName}</span> {comment.displayName}</span>
: <span key={`n-${"pending"}`} className="name"> : <span key={`n-${"pending"}`} className="name">
Anonymous</span>} Anonymous</span>}
&nbsp; &nbsp;
@@ -246,7 +246,7 @@ const Pending = () => {
<span className="poster-address"> <span className="poster-address">
(u/ (u/
<span key={`pa-${"pending"}`} className="poster-address"> <span key={`pa-${"pending"}`} className="poster-address">
{comment.author?.shortAddress} {comment.author?.address}
</span>) </span>)
</span> </span>
&nbsp; &nbsp;
@@ -273,25 +273,25 @@ const Pending = () => {
<div key={`mob-pi-${"pending"}`} className="post-info-mobile"> <div key={`mob-pi-${"pending"}`} className="post-info-mobile">
<button style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pb-${"pending"}`} className="post-menu-button-mobile" onClick={() => {}}>...</button> <button style={{ all: 'unset', cursor: 'pointer' }} key={`mob-pb-${"pending"}`} className="post-menu-button-mobile" onClick={() => {}}>...</button>
<span className="name-block-mobile"> <span className="name-block-mobile">
{comment.author?.displayName {comment.displayName
? comment.author?.displayName.length > 15 ? comment.displayName.length > 15
? <> ? <>
<span key={`mob-n-${"pending"}`} className="name-mobile" <span key={`mob-n-${"pending"}`} className="name-mobile"
data-tooltip-id="tooltip" data-tooltip-id="tooltip"
data-tooltip-content={comment.author?.displayName} data-tooltip-content={comment.displayName}
data-tooltip-place="top"> data-tooltip-place="top">
{comment.author?.displayName.slice(0, 15) + " (...)"} {comment.displayName.slice(0, 15) + " (...)"}
</span> </span>
</> </>
: <span key={`mob-n-${"pending"}`} className="name-mobile"> : <span key={`mob-n-${"pending"}`} className="name-mobile">
{comment.author?.displayName}</span> {comment.displayName}</span>
: <span key={`mob-n-${"pending"}`} className="name-mobile"> : <span key={`mob-n-${"pending"}`} className="name-mobile">
Anonymous</span>} Anonymous</span>}
&nbsp; &nbsp;
<span key={`mob-pa-${"pending"}`} className="poster-address-mobile"> <span key={`mob-pa-${"pending"}`} className="poster-address-mobile">
(u/ (u/
<span key={`mob-ha-${"pending"}`} className="highlight-address-mobile"> <span key={`mob-ha-${"pending"}`} className="highlight-address-mobile">
{comment.author?.shortAddress} {comment.author?.address}
</span> </span>
)&nbsp; )&nbsp;
</span> </span>