diff --git a/src/views/home/boards-list/boards-list.tsx b/src/views/home/boards-list/boards-list.tsx index 1d3cb2c3..0096a205 100644 --- a/src/views/home/boards-list/boards-list.tsx +++ b/src/views/home/boards-list/boards-list.tsx @@ -4,11 +4,12 @@ import { useTranslation } from 'react-i18next'; import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js'; import { Subplebbit, useSubplebbit } from '@plebbit/plebbit-react-hooks'; import { useDefaultSubplebbitTags } from '../../../hooks/use-default-subplebbits-tags'; +import useIsMobile from '../../../hooks/use-is-mobile'; import useIsSubplebbitOffline from '../../../hooks/use-is-subplebbit-offline'; import styles from '../home.module.css'; import { nsfwTags } from '../home'; -const Board = ({ subplebbit }: { subplebbit: Subplebbit; useCatalog?: boolean }) => { +const Board = ({ subplebbit, isMobile }: { subplebbit: Subplebbit; isMobile: boolean }) => { const { t } = useTranslation(); const { address, title, tags } = subplebbit || {}; const nsfwTag = tags?.find((tag: string) => nsfwTags.includes(tag)); @@ -31,16 +32,18 @@ const Board = ({ subplebbit }: { subplebbit: Subplebbit; useCatalog?: boolean })

{title || displayAddress}

- -

- {tags.map((tag: string, index: number) => ( - - {tag === 'multiboard' ? {tag} : {tag}} - {index < tags.length - 1 && ', '} - - ))} -

- + {!isMobile && ( + +

+ {tags.map((tag: string, index: number) => ( + + {tag === 'multiboard' ? {tag} : {tag}} + {index < tags.length - 1 && ', '} + + ))} +

+ + )} ); }; @@ -49,6 +52,7 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => { const { t } = useTranslation(); const location = useLocation(); const [displayCount, setDisplayCount] = useState(15); + const isMobile = useIsMobile(); const currentTag = location.pathname.split('/').filter(Boolean)[0]; const tags = useDefaultSubplebbitTags(multisub); @@ -81,13 +85,13 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => { {t('board')} {t('title')} - {t('tags')} + {!isMobile && {t('tags')}} - {!currentTag && } + {!currentTag && } {filteredBoards.map((sub) => ( - + ))}