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

update board-nav

Browse Source
This commit is contained in:
plebeius.eth
2024-03-19 14:43:25 +01:00
parent df13b31fbc
commit b1944de43e
3 changed files with 42 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/board-nav/board-nav.tsx
+18 -10
View File
@@ -28,21 +28,29 @@ const BoardNavDesktop = ({ subplebbits }: BoardNavProps) => {
const BoardNavMobile = ({ subplebbits, currentSubplebbit }: BoardNavProps) => {
const navigate = useNavigate();
const boardSelect = (
<select value={currentSubplebbit} onChange={(e) => navigate(`/p/${e.target.value}`)}>
<option value='all'>All</option>
<option value='subscriptions'>Subscriptions</option>
{subplebbits.map((subplebbit: any, index: number) => (
<option key={index} value={subplebbit.address}>
{subplebbit.address.includes('.') ? subplebbit.address : subplebbit.title || subplebbit.address.slice(0, 10).concat('...')}
</option>
))}
</select>
);
return (
<div className={styles.boardNavMobile}>
<div className={styles.boardSelect}>
<strong>Board</strong>
<select value={currentSubplebbit} onChange={(e) => navigate(`/p/${e.target.value}`)}>
<option value='all'>All</option>
<option value='subscriptions'>Subscriptions</option>
{subplebbits.map((subplebbit: any, index: number) => (
<option key={index} value={subplebbit.address}>
{subplebbit.address.includes('.') ? subplebbit.address : subplebbit.title || subplebbit.address.slice(0, 10).concat('...')}
</option>
))}
</select>
{boardSelect}
</div>
<div className={styles.pageJump}>
<Link to='settings'>Settings</Link>
<Link to='/'>Home</Link>
{/* <span>App</span> TODO: consider adding apk download link */}
</div>
<div className={styles.pageJump}></div>
</div>
);
};