diff --git a/frontend/package.json b/frontend/package.json
index 5c837bfa0..f5f0970a2 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -68,6 +68,7 @@
"react-day-picker": "^9.11.0",
"react-dom": "18.3.1",
"react-hook-form": "^7.60.0",
+ "react-linkify-it": "^2.0.0",
"react-lottie": "^1.2.4",
"react-qr-code": "^2.0.12",
"react-resizable-panels": "^3.0.6",
diff --git a/frontend/src/components/TransactionItem.tsx b/frontend/src/components/TransactionItem.tsx
index e043ed323..093daadd0 100644
--- a/frontend/src/components/TransactionItem.tsx
+++ b/frontend/src/components/TransactionItem.tsx
@@ -12,6 +12,7 @@ import {
} from "lucide-react";
import { nip19 } from "nostr-tools";
import React from "react";
+import { LinkIt } from "react-linkify-it";
import { Link } from "react-router-dom";
import AppAvatar from "src/components/AppAvatar";
import ExternalLink from "src/components/ExternalLink";
@@ -48,6 +49,34 @@ function safeNpubEncode(hex: string): string | undefined {
}
}
+const URL_REGEX =
+ /(https?:\/\/[^\s]+|(?:www\.)?[a-zA-Z0-9][-a-zA-Z0-9]*\.[a-zA-Z]{2,}(?:\/[^\s]*)?)/gi;
+
+function LinkifyUrls({ children }: { children: string }) {
+ return (
+
- {description}
+
Description
- {tx.description}
+
Comment
- {tx.metadata.comment}
+
Payer Note
- {bolt12Offer.payer_note}
+