diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index df0547dd..d1b00e56 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -19,6 +19,8 @@ const Board = ({ setBodyStyle }) => {
const { feed, hasMore, loadMore } = useFeed([`${selectedAddress}`], 'new');
+ console.log(feed);
+
const tryLoadMore = async () => {
try {loadMore()}
catch (e)
@@ -323,7 +325,7 @@ const Board = ({ setBodyStyle }) => {
- {thread.author.displayName}
+ {thread.author.displayName || "Anonymous"}
(User: {thread.author.address})
@@ -349,11 +351,16 @@ const Board = ({ setBodyStyle }) => {
-
- {thread.title ? `>${thread.title}` : null}
+
+ {thread.title ? `${thread.title}` : null}
-
- {thread.content}
+
+ {thread.content ? (
+ <>
+
+ {thread.content}
+ >
+ ) : null}
@@ -367,7 +374,7 @@ const Board = ({ setBodyStyle }) => {
- {reply.author.displayName}
+ {reply.author.displayName || "Anonymous"}
(User: {reply.author.address})
diff --git a/src/components/styles/Board.styled.jsx b/src/components/styles/Board.styled.jsx
index f219c07a..7720a681 100644
--- a/src/components/styles/Board.styled.jsx
+++ b/src/components/styles/Board.styled.jsx
@@ -1176,7 +1176,13 @@ export const BoardForm = styled.div`
display: block;
}
- .quote {
+ .title {
+ color: #cc1105;
+ font-weight: 700;
+ }
+
+ blockquote > p:first-of-type::before {
+ content: '>';
color: #789922;
}
@@ -1305,7 +1311,13 @@ export const BoardForm = styled.div`
display: block;
}
- .quote {
+ .title {
+ color: #0f0c5d;
+ font-weight: 700;
+ }
+
+ blockquote > p:first-of-type::before {
+ content: '>';
color: #789922;
}
@@ -1442,7 +1454,13 @@ export const BoardForm = styled.div`
display: block;
}
- .quote {
+ .title {
+ color: #cc1105;
+ font-weight: 700;
+ }
+
+ blockquote > p:first-of-type::before {
+ content: '>';
color: #789922;
}
@@ -1577,7 +1595,13 @@ export const BoardForm = styled.div`
display: block;
}
- .quote {
+ .title {
+ color: #0f0c5d;
+ font-weight: 700;
+ }
+
+ blockquote > p:first-of-type::before {
+ content: '>';
color: #789922;
}
@@ -1706,8 +1730,14 @@ export const BoardForm = styled.div`
display: block;
}
- .quote {
- color: #b5bd68;
+ .title {
+ color: #b294bb;
+ font-weight: 700;
+ }
+
+ blockquote > p:first-of-type::before {
+ content: '>';
+ color: #789922;
}
.side-arrows {
@@ -1835,7 +1865,13 @@ export const BoardForm = styled.div`
display: block;
}
- .quote {
+ .title {
+ color: #111;
+ font-weight: 700;
+ }
+
+ blockquote > p:first-of-type::before {
+ content: '>';
color: #789922;
}