External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

switched to shortAddress

Browse Source
This commit is contained in:
plebbitor
2023-03-29 14:36:41 +02:00
parent 281f87d54b
commit 9b571657de
3 changed files with 29 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Post.jsx
+1
View File
@@ -36,6 +36,7 @@ const Post = ({ content }) => {
video: () => null, video: () => null,
source: () => null, source: () => null,
gif: () => null, gif: () => null,
a: () => null
}} }}
/> />
); );
src/components/views/Board.jsx
+16 -48
View File
@@ -49,6 +49,10 @@ const Board = () => {
const { subplebbitAddress } = useParams(); const { subplebbitAddress } = useParams();
const handleClickForm = useClickForm(); const handleClickForm = useClickForm();
useEffect(() => {
console.log(selectedFeed);
}, [selectedFeed]);
// temporary title from JSON, gets subplebbitAddress from URL // temporary title from JSON, gets subplebbitAddress from URL
useEffect(() => { useEffect(() => {
@@ -454,18 +458,9 @@ const Board = () => {
Anonymous</span>} Anonymous</span>}
&nbsp; &nbsp;
(u/ (u/
{thread.author.address.length > 15 ? <span key={`pa-${thread.cid}`} className="poster-address">
<Fragment key={`fragment4-${thread.cid}`}> {thread.author.shortAddress}
<span key={`pa-${thread.cid}`} className="poster-address" </span>)
data-tooltip-id="tooltip"
data-tooltip-content={thread.author.address}
data-tooltip-place="top">
{thread.author.address.slice(0, 15) + "..."}
</span>
</Fragment>
: <span key={`pa-${thread.cid}`} className="poster-address">
{thread.author.address}
</span>})
&nbsp; &nbsp;
<span key={`dt-${thread.cid}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span> <span key={`dt-${thread.cid}`} className="date-time" data-utc="data">{getDate(thread.timestamp)}</span>
&nbsp; &nbsp;
@@ -548,18 +543,9 @@ const Board = () => {
&nbsp; &nbsp;
<span key={`pa-${reply.cid}`} className="poster-address"> <span key={`pa-${reply.cid}`} className="poster-address">
(u/ (u/
{reply.author.address.length > 12 ? <span key={`mob-ha-${reply.cid}`}>
<Fragment key={`fragment7-${reply.cid}`}> {reply.author.shortAddress}
<span key={`mob-ha-${reply.cid}`} </span>
data-tooltip-id="tooltip"
data-tooltip-content={reply.author.address}
data-tooltip-place="top">
{reply.author.address.slice(0, 12) + "..."}
</span>
</Fragment>
: <span key={`mob-ha-${reply.cid}`}>
{reply.author.address}
</span>}
) )
</span> </span>
</span> </span>
@@ -637,18 +623,9 @@ const Board = () => {
&nbsp; &nbsp;
<span key={`mob-pa-${thread.cid}`} className="poster-address-mobile"> <span key={`mob-pa-${thread.cid}`} className="poster-address-mobile">
(u/ (u/
{thread.author.address.length > 15 ? <span key={`mob-ha-${thread.cid}`} className="highlight-address-mobile">
<Fragment key={`fragment10-${thread.cid}`}> {thread.author.shortAddress}
<span key={`mob-ha-${thread.cid}`} className="highlight-address-mobile" </span>
data-tooltip-id="tooltip"
data-tooltip-content={thread.author.address}
data-tooltip-place="top">
{thread.author.address.slice(0, 15) + "..."}
</span>
</Fragment>
: <span key={`mob-ha-${thread.cid}`} className="highlight-address-mobile">
{thread.author.address}
</span>}
)&nbsp; )&nbsp;
</span> </span>
<br key={`mob-br1-${thread.cid}`} /> <br key={`mob-br1-${thread.cid}`} />
@@ -751,18 +728,9 @@ const Board = () => {
&nbsp; &nbsp;
<span key={`mob-pa-${reply.cid}`} className="poster-address-mobile"> <span key={`mob-pa-${reply.cid}`} className="poster-address-mobile">
(u/ (u/
{reply.author.address.length > 10 ? <span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile">
<Fragment key={`fragment14-${reply.cid}`}> {reply.author.shortAddress}
<span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile" </span>
data-tooltip-id="tooltip"
data-tooltip-content={reply.author.address}
data-tooltip-place="top">
{reply.author.address.slice(0, 10) + "..."}
</span>
</Fragment>
: <span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile">
{reply.author.address}
</span>}
)&nbsp; )&nbsp;
</span> </span>
<br key={`mob-br-${reply.cid}`} /> <br key={`mob-br-${reply.cid}`} />
src/components/views/Thread.jsx
+12 -48
View File
@@ -468,18 +468,9 @@ const Thread = () => {
&nbsp; &nbsp;
<span className="poster-address"> <span className="poster-address">
(u/ (u/
{comment.author?.address.length > 20 ? <span key={`pa-${comment.cid}`} className="poster-address">
<> {comment.author?.shortAddress}
<span key={`pa-${comment.cid}`} className="poster-address" </span>)
data-tooltip-id="tooltip"
data-tooltip-content={comment.author?.address}
data-tooltip-place="top">
{comment.author?.address.slice(0, 20) + "..."}
</span>
</>
: <span key={`pa-${comment.cid}`} className="poster-address">
{comment.author?.address}
</span>})
</span> </span>
&nbsp; &nbsp;
<span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span> <span className="date-time" data-utc="data">{getDate(comment?.timestamp)}</span>
@@ -539,18 +530,9 @@ const Thread = () => {
&nbsp; &nbsp;
<span key={`pa-${reply.cid}`} className="poster-address"> <span key={`pa-${reply.cid}`} className="poster-address">
(u/ (u/
{reply.author.address.length > 20 ? <span key={`mob-ha-${reply.cid}`}>
<> {reply.author.shortAddress}
<span key={`mob-ha-${reply.cid}`} </span>)
data-tooltip-id="tooltip"
data-tooltip-content={reply.author.address}
data-tooltip-place="top">
{reply.author.address.slice(0, 20) + "..."}
</span>
</>
: <span key={`mob-ha-${reply.cid}`}>
{reply.author.address}
</span>})
</span> </span>
</span> </span>
&nbsp; &nbsp;
@@ -613,18 +595,9 @@ const Thread = () => {
&nbsp; &nbsp;
<span key={`mob-pa-${comment.cid}`} className="poster-address-mobile"> <span key={`mob-pa-${comment.cid}`} className="poster-address-mobile">
(u/ (u/
{comment.author?.address.length > 15 ? <span key={`mob-ha-${comment.cid}`} className="highlight-address-mobile">
<> {comment.author?.shortAddress}
<span key={`mob-ha-${comment.cid}`} className="highlight-address-mobile" </span>
data-tooltip-id="tooltip"
data-tooltip-content={comment.author?.address}
data-tooltip-place="top">
{comment.author?.address.slice(0, 15) + "..."}
</span>
</>
: <span key={`mob-ha-${comment.cid}`} className="highlight-address-mobile">
{comment.author?.address}
</span>}
)&nbsp; )&nbsp;
</span> </span>
<br key={`mob-br1-${comment.cid}`} /> <br key={`mob-br1-${comment.cid}`} />
@@ -717,18 +690,9 @@ const Thread = () => {
&nbsp; &nbsp;
<span key={`mob-pa-${reply.cid}`} className="poster-address-mobile"> <span key={`mob-pa-${reply.cid}`} className="poster-address-mobile">
(u/ (u/
{reply.author.address.length > 12 ? <span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile">
<> {reply.author.shortAddress}
<span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile" </span>
data-tooltip-id="tooltip"
data-tooltip-content={reply.author.address}
data-tooltip-place="top">
{reply.author.address.slice(0, 12) + "..."}
</span>
</>
: <span key={`mob-ha-${reply.cid}`} className="highlight-address-mobile">
{reply.author.address}
</span>}
) )
</span> </span>
<br key={`mob-br-${reply.cid}`} /> <br key={`mob-br-${reply.cid}`} />