diff --git a/packages/app/src/Element/TrendingHashtags.tsx b/packages/app/src/Element/TrendingHashtags.tsx index 572dfbb9..7523d9d5 100644 --- a/packages/app/src/Element/TrendingHashtags.tsx +++ b/packages/app/src/Element/TrendingHashtags.tsx @@ -5,8 +5,10 @@ import NostrBandApi from "@/External/NostrBand"; import { ErrorOrOffline } from "./ErrorOrOffline"; import { HashTagHeader } from "@/Pages/HashTagsPage"; import { useLocale } from "@/IntlProvider"; +import classNames from "classnames"; +import {Link} from "react-router-dom"; -export default function TrendingHashtags({ title, count = Infinity }: { title?: ReactNode; count?: number }) { +export default function TrendingHashtags({ title, count = Infinity, short }: { title?: ReactNode; count?: number, short?: boolean }) { const [hashtags, setHashtags] = useState>(); const [error, setError] = useState(); const { lang } = useLocale(); @@ -31,9 +33,22 @@ export default function TrendingHashtags({ title, count = Infinity }: { title?: return ( <> {title} - {hashtags.map(a => ( - - ))} + {hashtags.map(a => { + if (short) { + // return just the hashtag (not HashTagHeader) and post count + return ( +
+ + #{a.hashtag} + +
+ ); + } else { + return ( + + ); + } + })} ); } diff --git a/packages/app/src/Pages/Layout/RightColumn.tsx b/packages/app/src/Pages/Layout/RightColumn.tsx index f393602f..3236a98d 100644 --- a/packages/app/src/Pages/Layout/RightColumn.tsx +++ b/packages/app/src/Pages/Layout/RightColumn.tsx @@ -15,7 +15,7 @@ export default function RightColumn() {
- +