chore: render about with Text element
This commit is contained in:
parent
44bde791b4
commit
b9d41a6263
@ -32,3 +32,7 @@ a:not([href="/"], :has(button)) {
|
|||||||
text-decoration: dotted;
|
text-decoration: dotted;
|
||||||
text-decoration-line: underline;
|
text-decoration-line: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text {
|
||||||
|
white-space-collapse: preserve-breaks;
|
||||||
|
}
|
||||||
|
@ -3,6 +3,7 @@ import { Link, useParams } from "react-router-dom";
|
|||||||
import { ProfileImage } from "../element/profile-image";
|
import { ProfileImage } from "../element/profile-image";
|
||||||
import { parseNostrLink } from "@snort/system";
|
import { parseNostrLink } from "@snort/system";
|
||||||
import { LatestTorrents } from "../element/trending";
|
import { LatestTorrents } from "../element/trending";
|
||||||
|
import { Text } from "../element/text";
|
||||||
|
|
||||||
export function ProfilePage() {
|
export function ProfilePage() {
|
||||||
const params = useParams();
|
const params = useParams();
|
||||||
@ -25,7 +26,7 @@ export function ProfileSection({ pubkey }: { pubkey: string }) {
|
|||||||
<ProfileImage pubkey={pubkey} size={240} />
|
<ProfileImage pubkey={pubkey} size={240} />
|
||||||
<div className="flex flex-col gap-2">
|
<div className="flex flex-col gap-2">
|
||||||
<h2>{profile?.name}</h2>
|
<h2>{profile?.name}</h2>
|
||||||
<p>{profile?.about}</p>
|
<Text content={profile?.about ?? ""} tags={[]} />
|
||||||
{profile?.website && (
|
{profile?.website && (
|
||||||
<Link to={profile.website} target="_blank">
|
<Link to={profile.website} target="_blank">
|
||||||
{new URL(profile.website).hostname}
|
{new URL(profile.website).hostname}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user