From 5e10b888ddcc2383c84fe02e9d9334247cd7b25b Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Wed, 13 Mar 2024 19:59:43 +0000
Subject: [PATCH] fix: disable image loading in chat

---
 src/element/hypertext.tsx | 8 ++++----
 src/element/live-chat.tsx | 2 +-
 src/element/text.tsx      | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/element/hypertext.tsx b/src/element/hypertext.tsx
index 1760aa2..9590467 100644
--- a/src/element/hypertext.tsx
+++ b/src/element/hypertext.tsx
@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import { ExternalLink } from "./external-link";
 
-const FileExtensionRegex = /\.([\w]+)$/i;
+//const FileExtensionRegex = /\.([\w]+)$/i;
 
 interface HyperTextProps {
   link: string;
@@ -9,7 +9,7 @@ interface HyperTextProps {
 }
 
 export function HyperText({ link, children }: HyperTextProps) {
-  try {
+  /*try {
     const url = new URL(link);
     const extension = FileExtensionRegex.test(url.pathname.toLowerCase()) && RegExp.$1;
 
@@ -40,11 +40,11 @@ export function HyperText({ link, children }: HyperTextProps) {
           return <ExternalLink href={url.toString()}>{children || url.toString()}</ExternalLink>;
       }
     } else {
-      <ExternalLink href={link}>{children}</ExternalLink>;
+      return <ExternalLink href={link}>{children}</ExternalLink>;
     }
   } catch (error) {
     console.error(error);
     // Ignore the error.
-  }
+  }*/
   return <ExternalLink href={link}>{children}</ExternalLink>;
 }
diff --git a/src/element/live-chat.tsx b/src/element/live-chat.tsx
index f8d7823..44f6307 100644
--- a/src/element/live-chat.tsx
+++ b/src/element/live-chat.tsx
@@ -208,7 +208,7 @@ export function ChatZap({ zap }: { zap: ParsedZap }) {
   const isBig = zap.amount >= BIG_ZAP_THRESHOLD;
 
   return (
-    <div className={`zap-container ${isBig ? "big-zap" : ""}`}>
+    <div className={`zap-container overflow-wrap ${isBig ? "big-zap" : ""}`}>
       <div className="flex gap-1 items-center">
         <Icon name="zap-filled" className="text-zap" />
         <FormattedMessage
diff --git a/src/element/text.tsx b/src/element/text.tsx
index a1af6d9..f88bed4 100644
--- a/src/element/text.tsx
+++ b/src/element/text.tsx
@@ -55,7 +55,7 @@ export function Text({ content, tags, eventComponent, className }: TextProps) {
           url.protocol = "https:";
           return <SendZapsDialog pubkey={undefined} lnurl={url.toString()} button={<Link to={""}>{f.content}</Link>} />;
         }
-        return <span>{f.content}</span>;
+        return f.content;
       }
     }
   }