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 12:33:30 +01:00
parent 0716aac9e2
commit b3ffd5f26c
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/boards-list/boards-list.tsx
+5 -3
View File
@@ -56,10 +56,12 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => {
setDisplayCount(15); setDisplayCount(15);
}, [currentTag]); }, [currentTag]);
// First filter by tag, then limit by displayCount
const filteredBoards = (currentTag && tags.includes(currentTag) ? multisub.filter((sub) => sub?.tags?.includes(currentTag)) : multisub).slice(0, displayCount); const filteredBoards = (currentTag && tags.includes(currentTag) ? multisub.filter((sub) => sub?.tags?.includes(currentTag)) : multisub).slice(0, displayCount);
const hasMoreBoards = displayCount < multisub.length; const totalBoardCount = currentTag && tags.includes(currentTag) ? multisub.filter((sub) => sub?.tags?.includes(currentTag)).length : multisub.length;
const hasMoreBoards =
currentTag && tags.includes(currentTag) ? displayCount < multisub.filter((sub) => sub?.tags?.includes(currentTag)).length : displayCount < multisub.length;
const defaultBoard = { const defaultBoard = {
address: 'all', address: 'all',
@@ -89,7 +91,7 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => {
</tbody> </tbody>
</table> </table>
<div className={styles.displayCount}> <div className={styles.displayCount}>
displaying {filteredBoards.length} of {multisub.length} boards displaying {filteredBoards.length} of {totalBoardCount} boards
{currentTag && tags.includes(currentTag) && ` tagged "${currentTag}"`} {currentTag && tags.includes(currentTag) && ` tagged "${currentTag}"`}
</div> </div>
{hasMoreBoards && ( {hasMoreBoards && (