Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

chore: improve hashtags header
Some checks are pending
continuous-integration/drone/push Build is running
Details

Browse Source
This commit is contained in:
Kieran 2023-11-17 11:10:29 +00:00
parent e1f4aab214
commit 5589e748b5
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/app/src/Pages/HashTagsPage.tsx
View File

@ -1,5 +1,5 @@
import { useMemo } from "react"; import { useMemo } from "react";
import { useParams } from "react-router-dom"; import { Link, useParams } from "react-router-dom";
import { FormattedMessage, FormattedNumber } from "react-intl"; import { FormattedMessage, FormattedNumber } from "react-intl";
import { EventKind, NostrHashtagLink, NoteCollection, RequestBuilder } from "@snort/system"; import { EventKind, NostrHashtagLink, NoteCollection, RequestBuilder } from "@snort/system";
import { dedupe } from "@snort/shared"; import { dedupe } from "@snort/shared";
@ -65,7 +65,11 @@ export function HashTagHeader({ tag, events, className }: { tag: string; events?
<div className={classNames("flex flex-col", className)}> <div className={classNames("flex flex-col", className)}>
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<div className="flex g8 items-center"> <div className="flex g8 items-center">
<b className="text-xl">#{tag}</b> <b className="text-xl">
<Link to={`/t/${tag}`}>
#{tag}
</Link>
</b>
{events && ( {events && (
<small> <small>
<FormattedMessage <FormattedMessage
@ -87,9 +91,9 @@ export function HashTagHeader({ tag, events, className }: { tag: string; events?
</AsyncButton> </AsyncButton>
)} )}
</div> </div>
<div className="flex"> <div className="flex items-center">
{pubkeys.slice(0, 5).map(a => ( {pubkeys.slice(0, 5).map(a => (
<ProfileImage pubkey={a} showUsername={false} link={""} showFollowDistance={false} size={40} /> <ProfileImage pubkey={a} showUsername={false} showFollowDistance={false} size={40} />
))} ))}
{pubkeys.length > 5 && ( {pubkeys.length > 5 && (
<span> <span>