Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-11 17:55:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update ListView.tsx

Browse source
This commit is contained in:
Pas 2025-08-03 14:01:52 -06:00
parent a3ca870fe5
commit 501f0f78c1
1 changed files with 26 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/components/overlays/notificationsModal/components/ListView.tsx
View file

@ -180,12 +180,32 @@ export function ListView({
</div>
</div>
</div>
<p className="text-sm text-type-secondary mb-2 line-clamp-2 max-w-[12rem] md:max-w-[30rem] md:pr-8">
{notification.description
.replace(/\n/g, " ")
.substring(0, 150)}
{notification.description.length > 150 ? "..." : ""}
</p>
<div
className="text-sm text-type-secondary mb-2 line-clamp-2 max-w-[12rem] md:max-w-[30rem] md:pr-8"
// eslint-disable-next-line react/no-danger
dangerouslySetInnerHTML={{
__html:
notification.description
.replace(/\n\n/g, "</p><p>")
.replace(/\n- /g, "</p><p>• ")
.replace(
/\n\*\*([^*]+)\*\*/g,
"</p><h4>$1</h4><p>",
)
.replace(/^/, "<p>")
.replace(/$/, "</p>")
.replace(/<p><\/p>/g, "")
.replace(
/<p>• /g,
'<p class="flex items-start gap-2"><span class="text-type-link mt-1">•</span><span>',
)
.replace(/<\/p>/g, "</span></p>")
.substring(0, 150) +
(notification.description.length > 150
? "..."
: ""),
}}
/>
</div>
</div>
<div className="flex items-center justify-between">