diff --git a/src/views/home/home.module.css b/src/views/home/home.module.css index 786b093b..16538986 100644 --- a/src/views/home/home.module.css +++ b/src/views/home/home.module.css @@ -26,7 +26,6 @@ } .boardsBox { - height: 343px; overflow: hidden; } @@ -149,6 +148,7 @@ font-size: 100%; font-weight: 700; text-decoration: underline; + text-transform: capitalize; color: var(--homepage-box-bar-text-color); } diff --git a/src/views/home/home.tsx b/src/views/home/home.tsx index ca66a5b0..177b7ebe 100644 --- a/src/views/home/home.tsx +++ b/src/views/home/home.tsx @@ -2,7 +2,7 @@ import { useEffect, useRef, useState } from 'react'; import styles from './home.module.css'; import { Link, useNavigate } from 'react-router-dom'; import { Trans, useTranslation } from 'react-i18next'; -import { Comment, Subplebbit, useSubplebbits } from '@plebbit/plebbit-react-hooks'; +import { Comment, Subplebbit, useAccount, useAccountSubplebbits, useSubplebbits } from '@plebbit/plebbit-react-hooks'; import packageJson from '../../../package.json'; import useDefaultSubplebbits, { useDefaultSubplebbitAddresses } from '../../hooks/use-default-subplebbits'; import { getCommentMediaInfo, getHasThumbnail } from '../../lib/utils/media-utils'; @@ -69,8 +69,20 @@ const InfoBox = () => { ); }; -const Boards = ({ defaultSubplebbits }: { defaultSubplebbits: any }) => { +const Boards = ({ multisub }: { multisub: Subplebbit[] }) => { const { t } = useTranslation(); + const account = useAccount(); + const subscriptions = account?.subscriptions || []; + const { accountSubplebbits } = useAccountSubplebbits(); + const accountSubplebbitAddresses = Object.keys(accountSubplebbits); + + const plebbitSubs = multisub.filter((sub) => sub.tags.includes('plebbit')); + const interestsSubs = multisub.filter( + (sub) => sub.tags.includes('topic') && !sub.tags.includes('plebbit') && !sub.tags.includes('country') && !sub.tags.includes('international'), + ); + const randomSubs = multisub.filter((sub) => sub.tags.includes('random') && !sub.tags.includes('plebbit')); + const internationalSubs = multisub.filter((sub) => sub.tags.includes('international') || sub.tags.includes('country')); + const projectsSubs = multisub.filter((sub) => sub.tags.includes('project') && !sub.tags.includes('plebbit') && !sub.tags.includes('topic')); return (
{t('stats_info')}
*/}