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 boards-list.tsx

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2025-02-04 17:44:25 +01:00
parent 3d5dd21686
commit abd11c48c9
1 changed files with 3 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/boards-list/boards-list.tsx
+3 -10
View File
@@ -17,8 +17,8 @@ const Board = ({ subplebbit, isMobile }: { subplebbit: Subplebbit; isMobile: boo
const subplebbitData = useSubplebbit({ subplebbitAddress: address }); const subplebbitData = useSubplebbit({ subplebbitAddress: address });
const { isOffline, isOnlineStatusLoading, offlineIconClass, offlineTitle } = useIsSubplebbitOffline(subplebbitData); const { isOffline, isOnlineStatusLoading, offlineIconClass, offlineTitle } = useIsSubplebbitOffline(subplebbitData);
const displayAddress = address === 'all' ? 'all' : Plebbit.getShortAddress(address); const displayAddress = address && Plebbit.getShortAddress(address);
const showOfflineIcon = address !== 'all' && (isOffline || isOnlineStatusLoading); const showOfflineIcon = address && (isOffline || isOnlineStatusLoading);
return ( return (
<tr className={styles.subplebbit} key={address}> <tr className={styles.subplebbit} key={address}>
@@ -37,7 +37,7 @@ const Board = ({ subplebbit, isMobile }: { subplebbit: Subplebbit; isMobile: boo
<p className={styles.boardCell}> <p className={styles.boardCell}>
{tags.map((tag: string, index: number) => ( {tags.map((tag: string, index: number) => (
<span key={tag}> <span key={tag}>
{tag === 'multiboard' ? <span>{tag}</span> : <Link to={`/${tag}`}>{tag}</Link>} <Link to={`/${tag}`}>{tag}</Link>
{index < tags.length - 1 && ', '} {index < tags.length - 1 && ', '}
</span> </span>
))} ))}
@@ -68,12 +68,6 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => {
const hasMoreBoards = const hasMoreBoards =
currentTag && tags.includes(currentTag) ? displayCount < multisub.filter((sub) => sub?.tags?.includes(currentTag)).length : displayCount < multisub.length; currentTag && tags.includes(currentTag) ? displayCount < multisub.filter((sub) => sub?.tags?.includes(currentTag)).length : displayCount < multisub.length;
const defaultBoard = {
address: 'all',
title: 'Temporary Default Subplebbits',
tags: ['multiboard'],
} as Subplebbit;
return ( return (
<div className={styles.boardsBox}> <div className={styles.boardsBox}>
<table className={styles.boardsList}> <table className={styles.boardsList}>
@@ -89,7 +83,6 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => {
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{!currentTag && <Board key='all' subplebbit={defaultBoard} isMobile={isMobile} />}
{filteredBoards.map((sub) => ( {filteredBoards.map((sub) => (
<Board key={sub.address} subplebbit={sub} isMobile={isMobile} /> <Board key={sub.address} subplebbit={sub} isMobile={isMobile} />
))} ))}