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

fix style of boards without title

Browse Source
This commit is contained in:
plebbitor
2023-04-01 14:51:07 +02:00
parent 4399087f95
commit d5166dea86
4 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/views/Board.jsx
+2 -2
View File
@@ -216,7 +216,7 @@ const Board = () => {
<span className="boardList" key={`span-${subplebbit.address}`}> <span className="boardList" key={`span-${subplebbit.address}`}>
[ [
<Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)} <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
>{subplebbit.title}</Link> >{subplebbit.title ? subplebbit.title : subplebbit.address}</Link>
]&nbsp; ]&nbsp;
</span> </span>
))} ))}
@@ -236,7 +236,7 @@ const Board = () => {
<select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}> <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} value={subplebbit.address} <option key={`option-${subplebbit.address}`} value={subplebbit.address}
>{subplebbit.title}</option> >{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
))} ))}
</select> </select>
</div> </div>
src/components/views/Catalog.jsx
+2 -2
View File
@@ -181,7 +181,7 @@ const Catalog = () => {
setSelectedTitle(subplebbit.title); setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address); setSelectedAddress(subplebbit.address);
}} }}
>{subplebbit.title}</Link> >{subplebbit.title ? subplebbit.title : subplebbit.address}</Link>
]&nbsp; ]&nbsp;
</span> </span>
))} ))}
@@ -201,7 +201,7 @@ const Catalog = () => {
<select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}> <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} value={subplebbit.address} <option key={`option-${subplebbit.address}`} value={subplebbit.address}
>{subplebbit.title}</option> >{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
))} ))}
</select> </select>
</div> </div>
src/components/views/Home.jsx
+3 -1
View File
@@ -59,7 +59,9 @@ const Home = () => {
<BoardsContent> <BoardsContent>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<div className="board" key={subplebbit.address}> <div className="board" key={subplebbit.address}>
<div className="board-title">{subplebbit.title}</div> <div className="board-title">
{subplebbit.title ? subplebbit.title : <span style={{userSelect: "none"}}>&nbsp;</span>}
</div>
<Link to={`/${subplebbit.address}`} onClick={() => { <Link to={`/${subplebbit.address}`} onClick={() => {
setSelectedTitle(subplebbit.title); setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address); setSelectedAddress(subplebbit.address);
src/components/views/Thread.jsx
+2 -2
View File
@@ -202,7 +202,7 @@ const Thread = () => {
setSelectedTitle(subplebbit.title); setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address); setSelectedAddress(subplebbit.address);
}} }}
>{subplebbit.title}</Link> >{subplebbit.title ? subplebbit.title : subplebbit.address}</Link>
]&nbsp; ]&nbsp;
</span> </span>
))} ))}
@@ -222,7 +222,7 @@ const Thread = () => {
<select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}> <select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => ( {defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} value={subplebbit.address} <option key={`option-${subplebbit.address}`} value={subplebbit.address}
>{subplebbit.title}</option> >{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
))} ))}
</select> </select>
</div> </div>