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

add rules and description mobile

Browse Source
This commit is contained in:
plebeius.eth
2023-06-17 10:30:11 +02:00
parent f6095e90c0
commit 08e072b795
1 changed files with 169 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+95 -3
View File
@@ -766,6 +766,7 @@ const Board = () => {
feed.length > 0 ? ( feed.length > 0 ? (
<> <>
{subplebbit.rules ? {subplebbit.rules ?
<>
<div className="thread"> <div className="thread">
<div className="op-container"> <div className="op-container">
<div className="post op op-desktop"> <div className="post op op-desktop">
@@ -838,12 +839,53 @@ const Board = () => {
</div> </div>
</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">## Board Admins</span>
&nbsp;
<span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px"}} />
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px"}} />
</span>
<br />
<span className="subject-mobile">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">
{subplebbit.rules.map((rule, index) => (
<React.Fragment key={index}>
{index + 1}. {rule}
<br />
</React.Fragment>
))}
</div>
</blockquote>
</div>
<div className="post-link-mobile">
<Link to={() => {}} className="button-mobile">View Thread</Link>
</div>
</div>
</div>
</>
: null} : null}
{subplebbit.description ? {subplebbit.description ?
<div className="thread" style={{ <>
<div className="thread">
<div className="op-container" style={{
display: subplebbit.rules ? "grid" : "block" display: subplebbit.rules ? "grid" : "block"
}}> }}>
<div className="op-container">
<div className="post op op-desktop"> <div className="post op op-desktop">
<hr /> <hr />
<div className="post-info"> <div className="post-info">
@@ -930,6 +972,56 @@ const Board = () => {
</div> </div>
</div> </div>
</div> </div>
<div className="thread-mobile">
{subplebbit.rules ?
<hr /> :
<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">## Board Admins</span>
&nbsp;
<span className="thread-icons-mobile"
style={{float: "right", marginRight: "18px"}}>
<img src="assets/sticky.gif" alt="Sticky" title="Sticky" style={{marginBottom: "-3px"}} />
&nbsp;
<img src="assets/closed.gif" alt="Closed" title="Closed" style={{marginBottom: "-3px"}} />
</span>
<br />
<span className="subject-mobile">Welcome to {subplebbit.title || subplebbit.address}</span>
&nbsp;
</span>
<span className="date-time-mobile post-number-mobile">{getDate(subplebbit.createdAt)}</span>
&nbsp;
</div>
{subplebbit.suggested?.avatarUrl ? (
<div className="file-mobile">
<div className="img-container">
<span className="file-thumb-mobile">
<img src={subplebbit.suggested.avatarUrl} alt="board avatar"
onClick={handleImageClick}
style={{cursor: "pointer"}} />
<div className="file-info-mobile">image</div>
</span>
</div>
</div>
) : null}
<blockquote className="post-message-mobile">
<div className="custom-paragraph">
{subplebbit.description}
</div>
</blockquote>
</div>
<div className="post-link-mobile">
<Link to={() => {}} className="button-mobile">View Thread</Link>
</div>
</div>
</div>
</>
: null} : null}
<Virtuoso <Virtuoso
increaseViewportBy={2000} increaseViewportBy={2000}
@@ -1654,7 +1746,7 @@ const Board = () => {
})} })}
</div> </div>
<div key={`mob-t-${index}`} className="thread-mobile"> <div key={`mob-t-${index}`} className="thread-mobile">
{index === 0 ? ( {index === 0 && (!subplebbit.rules && !subplebbit.description) ? (
<hr key={`mob-hr-${index}`} style={{marginTop: '10px'}} /> <hr key={`mob-hr-${index}`} style={{marginTop: '10px'}} />
) : ( ) : (
<hr key={`mob-hr-${index}`} /> <hr key={`mob-hr-${index}`} />