fix style of boards without title

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
+2 -2
View File
@@ -216,7 +216,7 @@ const Board = () => {
<span className="boardList" key={`span-${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;
</span>
))}
@@ -236,7 +236,7 @@ const Board = () => {
<select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} value={subplebbit.address}
>{subplebbit.title}</option>
>{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
))}
</select>
</div>
+2 -2
View File
@@ -181,7 +181,7 @@ const Catalog = () => {
setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address);
}}
>{subplebbit.title}</Link>
>{subplebbit.title ? subplebbit.title : subplebbit.address}</Link>
]&nbsp;
</span>
))}
@@ -201,7 +201,7 @@ const Catalog = () => {
<select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} value={subplebbit.address}
>{subplebbit.title}</option>
>{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
))}
</select>
</div>
+3 -1
View File
@@ -59,7 +59,9 @@ const Home = () => {
<BoardsContent>
{defaultSubplebbits.map(subplebbit => (
<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={() => {
setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address);
+2 -2
View File
@@ -202,7 +202,7 @@ const Thread = () => {
setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address);
}}
>{subplebbit.title}</Link>
>{subplebbit.title ? subplebbit.title : subplebbit.address}</Link>
]&nbsp;
</span>
))}
@@ -222,7 +222,7 @@ const Thread = () => {
<select id="board-select-mobile" value={selectedAddress} onChange={handleSelectChange}>
{defaultSubplebbits.map(subplebbit => (
<option key={`option-${subplebbit.address}`} value={subplebbit.address}
>{subplebbit.title}</option>
>{subplebbit.title ? subplebbit.title : subplebbit.address}</option>
))}
</select>
</div>