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(topbar): empty brackets would show for sub category if empty

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-07-10 17:42:38 +02:00
parent d66a0b8efe
commit a31beee631
1 changed files with 39 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/topbar/topbar.tsx
+39 -36
View File
@@ -63,46 +63,49 @@ const TopBarDesktop = () => {
const { plebbitSubs, interestsSubs, randomSubs, internationalSubs, projectsSubs } = categorizeSubplebbits(subplebbits);
const renderSubplebbits = (subplebbits: any) => {
return subplebbits.map((sub: any, index: any) => (
<span key={index}>
{index === 0 ? null : ' '}
<Link to={`/p/${sub.address}${isInCatalogView ? '/catalog' : ''}`}>{sub.address.includes('.') ? sub.address : sub.address.slice(0, 10).concat('...')}</Link>
{index !== subplebbits.length - 1 ? ' /' : null}
</span>
));
};
const renderSubplebbits = (subplebbits: any) =>
subplebbits.length > 0 && (
<>
[
{subplebbits.map((sub: any, index: any) => (
<span key={index}>
{index === 0 ? null : ' '}
<Link to={`/p/${sub.address}${isInCatalogView ? '/catalog' : ''}`}>{sub.address.includes('.') ? sub.address : sub.address.slice(0, 10).concat('...')}</Link>
{index !== subplebbits.length - 1 ? ' /' : null}
</span>
))}
]{' '}
</>
);
return (
<div className={styles.boardNavDesktop}>
<span className={styles.boardList}>
[<Link to='/p/all'>all</Link> / <Link to='/p/subscriptions'>subscriptions</Link>]{' '}
{subplebbits && (
<>
[{renderSubplebbits(plebbitSubs)}] [{renderSubplebbits(projectsSubs)}] [{renderSubplebbits(interestsSubs)}] [{renderSubplebbits(randomSubs)}] [
{renderSubplebbits(internationalSubs)}] [
<Link
to='boards/create'
onClick={(e) => {
e.preventDefault();
alert('work in progress');
}}
>
Create
</Link>
] [
<Link
to='boards'
onClick={(e) => {
e.preventDefault();
alert('work in progress');
}}
>
Vote
</Link>
]
</>
)}
[<Link to='/p/all'>all</Link> / <Link to='/p/subscriptions'>subscriptions</Link>] {renderSubplebbits(plebbitSubs)}
{renderSubplebbits(projectsSubs)}
{renderSubplebbits(interestsSubs)}
{renderSubplebbits(randomSubs)}
{renderSubplebbits(internationalSubs)}[
<Link
to='boards/create'
onClick={(e) => {
e.preventDefault();
alert('work in progress');
}}
>
Create
</Link>
] [
<Link
to='boards'
onClick={(e) => {
e.preventDefault();
alert('work in progress');
}}
>
Vote
</Link>
]
</span>
<span className={styles.navTopRight}>
[<Link to={!location.pathname.endsWith('settings') ? location.pathname.replace(/\/$/, '') + '/settings' : location.pathname}>{t('settings')}</Link>] [