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

don't display tags on mobile

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2025-02-04 13:12:13 +01:00
parent 1886a68e05
commit 3d5dd21686
1 changed files with 18 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/home/boards-list/boards-list.tsx
+18 -14
View File
@@ -4,11 +4,12 @@ import { useTranslation } from 'react-i18next';
import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js'; import Plebbit from '@plebbit/plebbit-js/dist/browser/index.js';
import { Subplebbit, useSubplebbit } from '@plebbit/plebbit-react-hooks'; import { Subplebbit, useSubplebbit } from '@plebbit/plebbit-react-hooks';
import { useDefaultSubplebbitTags } from '../../../hooks/use-default-subplebbits-tags'; import { useDefaultSubplebbitTags } from '../../../hooks/use-default-subplebbits-tags';
import useIsMobile from '../../../hooks/use-is-mobile';
import useIsSubplebbitOffline from '../../../hooks/use-is-subplebbit-offline'; import useIsSubplebbitOffline from '../../../hooks/use-is-subplebbit-offline';
import styles from '../home.module.css'; import styles from '../home.module.css';
import { nsfwTags } from '../home'; import { nsfwTags } from '../home';
const Board = ({ subplebbit }: { subplebbit: Subplebbit; useCatalog?: boolean }) => { const Board = ({ subplebbit, isMobile }: { subplebbit: Subplebbit; isMobile: boolean }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const { address, title, tags } = subplebbit || {}; const { address, title, tags } = subplebbit || {};
const nsfwTag = tags?.find((tag: string) => nsfwTags.includes(tag)); const nsfwTag = tags?.find((tag: string) => nsfwTags.includes(tag));
@@ -31,16 +32,18 @@ const Board = ({ subplebbit }: { subplebbit: Subplebbit; useCatalog?: boolean })
<td className={styles.boardTitle}> <td className={styles.boardTitle}>
<p className={styles.boardCell}>{title || displayAddress}</p> <p className={styles.boardCell}>{title || displayAddress}</p>
</td> </td>
<td className={styles.boardTags}> {!isMobile && (
<p className={styles.boardCell}> <td className={styles.boardTags}>
{tags.map((tag: string, index: number) => ( <p className={styles.boardCell}>
<span key={tag}> {tags.map((tag: string, index: number) => (
{tag === 'multiboard' ? <span>{tag}</span> : <Link to={`/${tag}`}>{tag}</Link>} <span key={tag}>
{index < tags.length - 1 && ', '} {tag === 'multiboard' ? <span>{tag}</span> : <Link to={`/${tag}`}>{tag}</Link>}
</span> {index < tags.length - 1 && ', '}
))} </span>
</p> ))}
</td> </p>
</td>
)}
</tr> </tr>
); );
}; };
@@ -49,6 +52,7 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => {
const { t } = useTranslation(); const { t } = useTranslation();
const location = useLocation(); const location = useLocation();
const [displayCount, setDisplayCount] = useState(15); const [displayCount, setDisplayCount] = useState(15);
const isMobile = useIsMobile();
const currentTag = location.pathname.split('/').filter(Boolean)[0]; const currentTag = location.pathname.split('/').filter(Boolean)[0];
const tags = useDefaultSubplebbitTags(multisub); const tags = useDefaultSubplebbitTags(multisub);
@@ -81,13 +85,13 @@ const BoardsList = ({ multisub }: { multisub: Subplebbit[] }) => {
<tr> <tr>
<th>{t('board')}</th> <th>{t('board')}</th>
<th>{t('title')}</th> <th>{t('title')}</th>
<th>{t('tags')}</th> {!isMobile && <th>{t('tags')}</th>}
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{!currentTag && <Board key='all' subplebbit={defaultBoard} />} {!currentTag && <Board key='all' subplebbit={defaultBoard} isMobile={isMobile} />}
{filteredBoards.map((sub) => ( {filteredBoards.map((sub) => (
<Board key={sub.address} subplebbit={sub} /> <Board key={sub.address} subplebbit={sub} isMobile={isMobile} />
))} ))}
</tbody> </tbody>
</table> </table>