From adb4b4bdb09b467032d301fd8680929223373dcc Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Fri, 17 Feb 2023 18:03:05 +0100
Subject: [PATCH] fixed subjects and usernames

---
 src/components/Board.jsx               | 19 ++++++----
 src/components/styles/Board.styled.jsx | 50 ++++++++++++++++++++++----
 2 files changed, 56 insertions(+), 13 deletions(-)

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 }) => {
                   <div key={`pi-${thread.cid}`} className="post-info">
                   &nbsp;
                     <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;
                       <span key={`pa-${thread.cid}`} className="poster-address">
                         (User: {thread.author.address})
@@ -349,11 +351,16 @@ const Board = ({ setBodyStyle }) => {
                       </span>
                     </div>
                     <blockquote key={`bq-${thread.cid}`}>
-                      <span key={`q-${thread.cid}`} className="quote">
-                        {thread.title ? `>${thread.title}` : null}
+                      <span key={`q-${thread.cid}`} className="title">
+                        {thread.title ? `${thread.title}` : null}
                       </span>
-                      <br key={`br-${thread.cid}`} />
-                      {thread.content}
+                      <br key={`br1-${thread.cid}`} />
+                      {thread.content ? (
+                        <>
+                          <br key={`br2-${thread.cid}`} />
+                          {thread.content}
+                        </>
+                      ) : null}
                     </blockquote>
                   </div>
                 </div>
@@ -367,7 +374,7 @@ const Board = ({ setBodyStyle }) => {
                   <div key={`pi-${reply.cid}`} className="post-info">
                   &nbsp;
                     <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;
                       <span key={`pa-${reply.cid}`} className="poster-address">
                         (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;
       }