forked from Kieran/snort
smaller trending hashtags listing
This commit is contained in:
parent
b7545295d4
commit
4813e4e4f1
@ -5,8 +5,10 @@ import NostrBandApi from "@/External/NostrBand";
|
|||||||
import { ErrorOrOffline } from "./ErrorOrOffline";
|
import { ErrorOrOffline } from "./ErrorOrOffline";
|
||||||
import { HashTagHeader } from "@/Pages/HashTagsPage";
|
import { HashTagHeader } from "@/Pages/HashTagsPage";
|
||||||
import { useLocale } from "@/IntlProvider";
|
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<Array<{ hashtag: string; posts: number }>>();
|
const [hashtags, setHashtags] = useState<Array<{ hashtag: string; posts: number }>>();
|
||||||
const [error, setError] = useState<Error>();
|
const [error, setError] = useState<Error>();
|
||||||
const { lang } = useLocale();
|
const { lang } = useLocale();
|
||||||
@ -31,9 +33,22 @@ export default function TrendingHashtags({ title, count = Infinity }: { title?:
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{title}
|
{title}
|
||||||
{hashtags.map(a => (
|
{hashtags.map(a => {
|
||||||
<HashTagHeader tag={a.hashtag} events={a.posts} className="bb p" />
|
if (short) {
|
||||||
))}
|
// return just the hashtag (not HashTagHeader) and post count
|
||||||
|
return (
|
||||||
|
<div className="my-1 font-bold" key={a.hashtag}>
|
||||||
|
<Link to={`/t/${a.hashtag}`} key={a.hashtag}>
|
||||||
|
#{a.hashtag}
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return (
|
||||||
|
<HashTagHeader tag={a.hashtag} events={a.posts} className={classNames("bb", { p: !short })} />
|
||||||
|
);
|
||||||
|
}
|
||||||
|
})}
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -15,7 +15,7 @@ export default function RightColumn() {
|
|||||||
<div className="font-bold text-lg">
|
<div className="font-bold text-lg">
|
||||||
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
|
<FormattedMessage defaultMessage="Trending hashtags" id="CbM2hK" />
|
||||||
</div>
|
</div>
|
||||||
<TrendingHashtags count={5} />
|
<TrendingHashtags short={true} count={5} />
|
||||||
</div>
|
</div>
|
||||||
<div className="bg-superdark rounded-lg p-2 mt-8">
|
<div className="bg-superdark rounded-lg p-2 mt-8">
|
||||||
<div className="font-bold text-lg">
|
<div className="font-bold text-lg">
|
||||||
|
Loading…
Reference in New Issue
Block a user