From 2aa50b5f87fd669a303ad5df7015f49601febf69 Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 30 Jun 2023 16:22:09 +0200
Subject: [PATCH 1/2] fix for new boards

---
 src/components/styled/views/Board.styled.jsx | 12 ++++++------
 src/components/views/Board.jsx               | 12 +++++-------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/styled/views/Board.styled.jsx b/src/components/styled/views/Board.styled.jsx
index 0779b1fc..f3ef6856 100644
--- a/src/components/styled/views/Board.styled.jsx
+++ b/src/components/styled/views/Board.styled.jsx
@@ -2153,7 +2153,7 @@ export const BoardForm = styled.div`
       }
 
       .op-container {
-        display: inline;
+        display: grid;
       }
 
       .op {
@@ -2327,7 +2327,7 @@ export const BoardForm = styled.div`
       }
 
       .op-container {
-        display: inline;
+        display: grid;
       }
 
       .op {
@@ -2500,7 +2500,7 @@ export const BoardForm = styled.div`
       }
 
       .op-container {
-        display: inline;
+        display: grid;
       }
 
       .op {
@@ -2671,7 +2671,7 @@ export const BoardForm = styled.div`
       }
 
       .op-container {
-        display: inline;
+        display: grid;
       }
 
       .op {
@@ -2839,7 +2839,7 @@ export const BoardForm = styled.div`
       }
 
       .op-container {
-        display: inline;
+        display: grid;
       }
 
       .op {
@@ -3017,7 +3017,7 @@ export const BoardForm = styled.div`
       }
 
       .op-container {
-        display: inline;
+        display: grid;
       }
 
       .op {
diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 2153687b..28281f45 100755
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -66,7 +66,7 @@ const Board = () => {
     selectedStyle,
     setSelectedThread,
     setSelectedText,
-    selectedTitle, setSelectedTitle,
+    setSelectedTitle,
     showPostForm,
     showPostFormLink,
     setTriggerInsertion,
@@ -623,7 +623,7 @@ const Board = () => {
   return (
     <>
       <Helmet>
-        <title>{((selectedTitle ? selectedTitle : selectedAddress) + " - plebchan")}</title>
+        <title>{((subplebbit.title ? subplebbit.title : subplebbit.address) + " - plebchan")}</title>
       </Helmet>
       <Container>
         <AdminListModal
@@ -831,7 +831,7 @@ const Board = () => {
             {subplebbit?.state === "failed" ? (
               null
             ) : (
-              feed.length > 0 ? (
+              subplebbit?.state === "succeeded" ? (
                 <>
                   {subplebbit.rules ? 
                     <>
@@ -962,9 +962,7 @@ const Board = () => {
                   {subplebbit.description ?
                     <>
                       <div className="thread">
-                        <div className="op-container" style={{
-                        display: subplebbit.rules ? "grid" : "block"
-                        }}>
+                        <div className="op-container">
                           <div className="post op op-desktop">
                             <hr />
                             <div className="post-info">
@@ -2549,7 +2547,7 @@ const Board = () => {
                   }}
                   endReached={tryLoadMore}
                   useWindowScroll={true}
-                  components={{ Footer: hasMore ? () => <PostLoader /> : null }}
+                  components={{ Footer: hasMore && feed.length > 0 ? () => <PostLoader /> : null }}
                   />
                 </>
               ) : (<PostLoader />)

From 4d4110eef8cf78c8ddea01037ea996334f426fdc Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Sat, 1 Jul 2023 10:01:30 +0200
Subject: [PATCH 2/2] add plebtoken rules hardcode

---
 src/components/views/Board.jsx | 134 ++++++++++++++++++++++++++++++++-
 src/components/views/Rules.jsx |  49 +++++++++---
 2 files changed, 170 insertions(+), 13 deletions(-)

diff --git a/src/components/views/Board.jsx b/src/components/views/Board.jsx
index 28281f45..c645eaf4 100755
--- a/src/components/views/Board.jsx
+++ b/src/components/views/Board.jsx
@@ -73,6 +73,13 @@ const Board = () => {
   } = useGeneralStore(state => state);
 
   const { anonymousMode } = useAnonModeStore();
+
+  // temporary hardcode
+  const plebtokenRules = [
+    "This community is strictly SFW. Any NSFW language or content will be removed.",
+    <span>Only post about the plebbit token ($PLEB). For general cryptocurrency discussion, go to <Link className='quotelink' to="/p/business-and-finance.eth">p/business-and-finance.eth</Link>.</span>,
+    "FUD is allowed unless blatantly meaningless and spammy."
+  ]
   
   const account = useAccount();
   const navigate = useNavigate();
@@ -958,7 +965,132 @@ const Board = () => {
                         </div>
                       </div>
                     </>
-                  : null}
+                  : subplebbit.address === "plebtoken.eth" ? (
+                    <>
+                      <div className="thread">
+                        <div className="op-container">
+                          <div className="post op op-desktop">
+                            <hr />
+                            <div className="post-info">
+                              <span className="name-block">
+                                <span className="title">Rules</span>
+                                &nbsp;
+                                <span className="name capcode" 
+                                style={{cursor: 'pointer'}}
+                                onClick={() => {setIsAdminListOpen(!isAdminListOpen)}}
+                                >## Board Admins</span>
+                                &nbsp;
+                                <span className="date-time">{getDate(subplebbit.createdAt)}</span>
+                                &nbsp;
+                                <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-1px",
+                                  imageRendering: "pixelated",}} />
+                                &nbsp;
+                                <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-1px",
+                                  imageRendering: "pixelated",}} />
+                                <span>&nbsp;
+                                    [
+                                    <Link to={`/p/${selectedAddress}/rules`} style={{textDecoration: "none"}} className="reply-link">Reply</Link>
+                                    ]
+                                </span>
+                                <PostMenu 
+                                  title="Post menu"
+                                  ref={el => { 
+                                    threadMenuRefs.current["rules"] = el;
+                                  }}
+                                  className='post-menu-button' 
+                                  rotated={openMenuCid === "rules"}
+                                  onClick={(event) => {
+                                    event.stopPropagation();
+                                    const rect = threadMenuRefs.current["rules"].getBoundingClientRect();
+                                    setMenuPosition({top: rect.top + window.scrollY, left: rect.left});
+                                    setOpenMenuCid(prevCid => (prevCid === "rules" ? null : "rules"));
+                                  }}
+                                >
+                                  ▶
+                                </PostMenu>
+                                {createPortal(
+                                  <PostMenuCatalog selectedStyle={selectedStyle} 
+                                  ref={el => {postMenuCatalogRef.current = el}}
+                                  onClick={(event) => event.stopPropagation()}
+                                  style={{position: "absolute", 
+                                  top: menuPosition.top + 7, 
+                                  left: menuPosition.left}}>
+                                  <div className={`post-menu-thread post-menu-thread-${"rules"}`}
+                                  style={{ display: openMenuCid === "rules" ? 'block' : 'none' }}
+                                  >
+                                    <ul className="post-menu-catalog">
+                                      <li onClick={() => handleOptionClick("rules")}>Hide thread</li>
+                                      {/* {isModerator ? (
+                                        <>
+                                          change rules
+                                        </>
+                                      ) : null} */}
+                                    </ul>
+                                  </div>
+                                  </PostMenuCatalog>, document.body
+                                )}
+                              </span>
+                              <blockquote>
+                                <div className="custom-paragraph">
+                                  {plebtokenRules.map((rule, index) => (
+                                    <React.Fragment key={index}>
+                                      {index + 1}. {rule}
+                                      <br />
+                                    </React.Fragment>
+                                  ))}
+                                </div>
+                              </blockquote>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div className="thread-mobile">
+                        <hr style={{marginTop: "10px"}} />
+                        <div className="op-container">
+                          <div className="post op op-mobile">
+                            <div className="post-info-mobile">
+                              <button className="post-menu-button-mobile"
+                              style={{ all: 'unset', cursor: 'pointer' }}>...</button>
+                              <span className="name-block-mobile">
+                                <span className="name-mobile capcode"
+                                style={{cursor: 'pointer'}}
+                                onClick={() => {setIsAdminListOpen(!isAdminListOpen)}}
+                                >## Board Admins</span>
+                                &nbsp;
+                                <span className="thread-icons-mobile"
+                                style={{float: "right", marginRight: "18px"}}>
+                                  <img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginTop: "-1px", marginRight: "2px",
+                                  imageRendering: "pixelated",}} />
+                                  &nbsp;
+                                  <img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginTop: "-1px", marginRight: "2px",
+                                  imageRendering: "pixelated",}} />
+                                </span>
+                                <br />
+                                <span className="subject-mobile"
+                              style={{marginBottom: "-15px"}}>Rules</span>
+                                &nbsp;
+                              </span>
+                              <span className="date-time-mobile post-number-mobile">{getDate(subplebbit.createdAt)}</span>
+                              &nbsp;
+                            </div>
+                            <blockquote className="post-message-mobile">
+                              <div className="custom-paragraph">
+                                {plebtokenRules.map((rule, index) => (
+                                  <React.Fragment key={index}>
+                                    {index + 1}. {rule}
+                                    <br />
+                                  </React.Fragment>
+                                ))}
+                              </div>
+                            </blockquote>
+                          </div>
+                          <div className="post-link-mobile">
+                            <Link to={`/p/${selectedAddress}/rules`} className="button-mobile">View Thread</Link>
+                          </div>
+                        </div>
+                      </div>
+                    </>
+                  ) : null}
                   {subplebbit.description ?
                     <>
                       <div className="thread">
diff --git a/src/components/views/Rules.jsx b/src/components/views/Rules.jsx
index c7f4a6f0..6405d94a 100644
--- a/src/components/views/Rules.jsx
+++ b/src/components/views/Rules.jsx
@@ -28,6 +28,13 @@ const Rules = () => {
     selectedThread, setSelectedThread,
     setSelectedTitle,
   } = useGeneralStore(state => state);
+
+  // temporary hardcode
+  const plebtokenRules = [
+    "This community is strictly SFW. Any NSFW language or content will be removed.",
+    <span>Only post about the plebbit token ($PLEB). For general cryptocurrency discussion, go to <Link className='quotelink' to="/p/business-and-finance.eth">p/business-and-finance.eth</Link>.</span>,
+    "FUD is allowed unless blatantly meaningless and spammy."
+  ]
   
   const navigate = useNavigate();
 
@@ -332,12 +339,21 @@ const Rules = () => {
                     </span>
                     <blockquote >
                       <div className="custom-paragraph"  style={{paddingBottom: '17px'}}>
-                        {subplebbit.rules?.map((rule, index) => (
-                          <React.Fragment key={index}>
-                            {index + 1}. {rule}
-                            <br />
-                          </React.Fragment>
-                        ))}
+                        {subplebbit.address === "plebtoken.eth" ? (
+                          plebtokenRules.map((rule, index) => (
+                            <React.Fragment key={index}>
+                              {index + 1}. {rule}
+                              <br />
+                            </React.Fragment>
+                          ))
+                        ) : (
+                          subplebbit.rules?.map((rule, index) => (
+                            <React.Fragment key={index}>
+                              {index + 1}. {rule}
+                              <br />
+                            </React.Fragment>
+                          ))
+                        )}
                       </div>
                     </blockquote>
                   </div>
@@ -373,12 +389,21 @@ const Rules = () => {
                   </div>
                   <blockquote className="post-message-mobile">
                     <div className="custom-paragraph">
-                      {subplebbit.rules?.map((rule, index) => (
-                        <React.Fragment key={index}>
-                          {index + 1}. {rule}
-                          <br />
-                        </React.Fragment>
-                      ))}
+                      {subplebbit.address === "plebtoken.eth" ? (
+                        plebtokenRules.map((rule, index) => (
+                          <React.Fragment key={index}>
+                            {index + 1}. {rule}
+                            <br />
+                          </React.Fragment>
+                        ))
+                      ) : (
+                        subplebbit.rules?.map((rule, index) => (
+                          <React.Fragment key={index}>
+                            {index + 1}. {rule}
+                            <br />
+                          </React.Fragment>
+                        ))
+                      )}
                     </div>
                   </blockquote>
                 </div>