From b9d41a626360ecfd1e320c30c5fd4ae1285c8319 Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Mon, 27 Nov 2023 23:19:13 +0000
Subject: [PATCH] chore: render about with Text element

---
 src/index.css        | 4 ++++
 src/page/profile.tsx | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 8c5ee09..970d306 100644
--- a/src/index.css
+++ b/src/index.css
@@ -32,3 +32,7 @@ a:not([href="/"], :has(button)) {
   text-decoration: dotted;
   text-decoration-line: underline;
 }
+
+.text {
+  white-space-collapse: preserve-breaks;
+}
diff --git a/src/page/profile.tsx b/src/page/profile.tsx
index 29c575a..3939e5b 100644
--- a/src/page/profile.tsx
+++ b/src/page/profile.tsx
@@ -3,6 +3,7 @@ import { Link, useParams } from "react-router-dom";
 import { ProfileImage } from "../element/profile-image";
 import { parseNostrLink } from "@snort/system";
 import { LatestTorrents } from "../element/trending";
+import { Text } from "../element/text";
 
 export function ProfilePage() {
   const params = useParams();
@@ -25,7 +26,7 @@ export function ProfileSection({ pubkey }: { pubkey: string }) {
       <ProfileImage pubkey={pubkey} size={240} />
       <div className="flex flex-col gap-2">
         <h2>{profile?.name}</h2>
-        <p>{profile?.about}</p>
+        <Text content={profile?.about ?? ""} tags={[]} />
         {profile?.website && (
           <Link to={profile.website} target="_blank">
             {new URL(profile.website).hostname}