From 38a637e5cbfa4d42d66bf8c29e781e9fe8868f3f Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Wed, 26 Mar 2025 15:48:48 -0700
Subject: [PATCH] styling of thread message input

---
 app/client/mobile/src/conversation/Conversation.styled.ts | 1 +
 app/client/mobile/src/conversation/Conversation.tsx       | 1 -
 app/client/web/src/conversation/Conversation.tsx          | 3 +++
 app/client/web/src/message/Message.tsx                    | 3 ++-
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/client/mobile/src/conversation/Conversation.styled.ts b/app/client/mobile/src/conversation/Conversation.styled.ts
index a67b70c0..d61dedce 100644
--- a/app/client/mobile/src/conversation/Conversation.styled.ts
+++ b/app/client/mobile/src/conversation/Conversation.styled.ts
@@ -161,6 +161,7 @@ export const styles = StyleSheet.create({
     width: '100%',
     fontSize: 14,
     padding: 0,
+    maxHeight: 256,
   },
   controls: {
     display: 'flex',
diff --git a/app/client/mobile/src/conversation/Conversation.tsx b/app/client/mobile/src/conversation/Conversation.tsx
index dd64ee07..a97aeb5b 100644
--- a/app/client/mobile/src/conversation/Conversation.tsx
+++ b/app/client/mobile/src/conversation/Conversation.tsx
@@ -289,7 +289,6 @@ export function Conversation({close, openDetails, wide}: {close: () => void; ope
             editable={!sending}
             textColor={state.textColorSet ? state.textColor : undefined}
             outlineColor="transparent"
-            activeOutlineColor="transparent"
             spellcheck={false}
             autoComplete="off"
             autoCapitalize="none"
diff --git a/app/client/web/src/conversation/Conversation.tsx b/app/client/web/src/conversation/Conversation.tsx
index cd53b018..c3889190 100644
--- a/app/client/web/src/conversation/Conversation.tsx
+++ b/app/client/web/src/conversation/Conversation.tsx
@@ -199,6 +199,9 @@ export function Conversation({ openDetails }: { openDetails: () => void }) {
           <div className={classes.files}>{media}</div>
           <Textarea
             ref={input}
+            autosize={true}
+            maxRows={8}
+            minRows={2}
             className={classes.message}
             placeholder={state.strings.newMessage}
             styles={{ input: { color: state.textColorSet ? state.textColor : undefined, fontSize: state.textSizeSet ? state.textSize : undefined } }}
diff --git a/app/client/web/src/message/Message.tsx b/app/client/web/src/message/Message.tsx
index 2c1e0e85..7e0daba2 100644
--- a/app/client/web/src/message/Message.tsx
+++ b/app/client/web/src/message/Message.tsx
@@ -124,6 +124,7 @@ export function Message({ topic, card, profile, host }: { topic: Topic; card: Ca
   useEffect(() => {
     const urlPattern = new RegExp('(https?:\\/\\/)?(www\\.)?[-a-zA-Z0-9@:%._\\+~#=]{2,256}\\.[a-z]{2,4}\\b([-a-zA-Z0-9@:%_\\+.~#?&//=]*)')
     const hostPattern = new RegExp('^https?:\\/\\/', 'i')
+    const dotPattern = new RegExp('^.*\\.\\..*$')
 
     let plain = ''
     const clickable = []
@@ -132,7 +133,7 @@ export function Message({ topic, card, profile, host }: { topic: Topic; card: Ca
     if (parsed?.length > 0) {
       const words = parsed as string[]
       words.forEach((word, index) => {
-        if (urlPattern.test(word)) {
+        if (urlPattern.test(word) && !dotPattern.test(word)) {
           clickable.push(<span key={index}>{plain}</span>)
           plain = ''
           const url = hostPattern.test(word) ? word : `https://${word}`