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

fixed subjects and usernames

Browse Source
This commit is contained in:
plebbitor
2023-02-17 18:03:05 +01:00
parent d8bb11a589
commit adb4b4bdb0
2 changed files with 56 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Board.jsx
+13 -6
View File
@@ -19,6 +19,8 @@ const Board = ({ setBodyStyle }) => {
const { feed, hasMore, loadMore } = useFeed([`${selectedAddress}`], 'new'); const { feed, hasMore, loadMore } = useFeed([`${selectedAddress}`], 'new');
console.log(feed);
const tryLoadMore = async () => { const tryLoadMore = async () => {
try {loadMore()} try {loadMore()}
catch (e) catch (e)
@@ -323,7 +325,7 @@ const Board = ({ setBodyStyle }) => {
<div key={`pi-${thread.cid}`} className="post-info"> <div key={`pi-${thread.cid}`} className="post-info">
&nbsp; &nbsp;
<span key={`nb-${thread.cid}`} className="name-block"> <span key={`nb-${thread.cid}`} className="name-block">
<span key={`n-${thread.cid}`} className="name">{thread.author.displayName}</span> <span key={`n-${thread.cid}`} className="name">{thread.author.displayName || "Anonymous"}</span>
&nbsp; &nbsp;
<span key={`pa-${thread.cid}`} className="poster-address"> <span key={`pa-${thread.cid}`} className="poster-address">
(User: {thread.author.address}) (User: {thread.author.address})
@@ -349,11 +351,16 @@ const Board = ({ setBodyStyle }) => {
</span> </span>
</div> </div>
<blockquote key={`bq-${thread.cid}`}> <blockquote key={`bq-${thread.cid}`}>
<span key={`q-${thread.cid}`} className="quote"> <span key={`q-${thread.cid}`} className="title">
{thread.title ? `>${thread.title}` : null} {thread.title ? `${thread.title}` : null}
</span> </span>
<br key={`br-${thread.cid}`} /> <br key={`br1-${thread.cid}`} />
{thread.content} {thread.content ? (
<>
<br key={`br2-${thread.cid}`} />
{thread.content}
</>
) : null}
</blockquote> </blockquote>
</div> </div>
</div> </div>
@@ -367,7 +374,7 @@ const Board = ({ setBodyStyle }) => {
<div key={`pi-${reply.cid}`} className="post-info"> <div key={`pi-${reply.cid}`} className="post-info">
&nbsp; &nbsp;
<span key={`nb-${reply.cid}`} className="nameblock"> <span key={`nb-${reply.cid}`} className="nameblock">
<span key={`n-${reply.cid}`} className="name">{reply.author.displayName}</span> <span key={`n-${reply.cid}`} className="name">{reply.author.displayName || "Anonymous"}</span>
&nbsp; &nbsp;
<span key={`pa-${reply.cid}`} className="poster-address"> <span key={`pa-${reply.cid}`} className="poster-address">
(User: {reply.author.address}) (User: {reply.author.address})
src/components/styles/Board.styled.jsx
+43 -7
View File
@@ -1176,7 +1176,13 @@ export const BoardForm = styled.div`
display: block; display: block;
} }
.quote { .title {
color: #cc1105;
font-weight: 700;
}
blockquote > p:first-of-type::before {
content: '>';
color: #789922; color: #789922;
} }
@@ -1305,7 +1311,13 @@ export const BoardForm = styled.div`
display: block; display: block;
} }
.quote { .title {
color: #0f0c5d;
font-weight: 700;
}
blockquote > p:first-of-type::before {
content: '>';
color: #789922; color: #789922;
} }
@@ -1442,7 +1454,13 @@ export const BoardForm = styled.div`
display: block; display: block;
} }
.quote { .title {
color: #cc1105;
font-weight: 700;
}
blockquote > p:first-of-type::before {
content: '>';
color: #789922; color: #789922;
} }
@@ -1577,7 +1595,13 @@ export const BoardForm = styled.div`
display: block; display: block;
} }
.quote { .title {
color: #0f0c5d;
font-weight: 700;
}
blockquote > p:first-of-type::before {
content: '>';
color: #789922; color: #789922;
} }
@@ -1706,8 +1730,14 @@ export const BoardForm = styled.div`
display: block; display: block;
} }
.quote { .title {
color: #b5bd68; color: #b294bb;
font-weight: 700;
}
blockquote > p:first-of-type::before {
content: '>';
color: #789922;
} }
.side-arrows { .side-arrows {
@@ -1835,7 +1865,13 @@ export const BoardForm = styled.div`
display: block; display: block;
} }
.quote { .title {
color: #111;
font-weight: 700;
}
blockquote > p:first-of-type::before {
content: '>';
color: #789922; color: #789922;
} }