From 6b487f926e5952013472436160a718edbef75f7b Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Sun, 15 Dec 2024 22:10:08 -0800
Subject: [PATCH] added types import for react-color

---
 app/client/web/package.json                   |  1 +
 .../web/src/conversation/Conversation.tsx     |  2 +-
 app/client/web/yarn.lock                      | 21 +++++++++++++++++++
 3 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/app/client/web/package.json b/app/client/web/package.json
index a7e14acf..75203416 100644
--- a/app/client/web/package.json
+++ b/app/client/web/package.json
@@ -19,6 +19,7 @@
     "@tabler/icons-react": "^3.12.0",
     "@types/crypto-js": "^4.2.2",
     "@types/jest": "29.0.3",
+    "@types/react-color": "^3.0.13",
     "@types/react-dom": "18.0.6",
     "@vitejs/plugin-react": "4.3.1",
     "crypto-js": "^4.2.0",
diff --git a/app/client/web/src/conversation/Conversation.tsx b/app/client/web/src/conversation/Conversation.tsx
index 2cf752e3..38befa36 100644
--- a/app/client/web/src/conversation/Conversation.tsx
+++ b/app/client/web/src/conversation/Conversation.tsx
@@ -207,7 +207,7 @@ export function Conversation() {
         <div className={classes.files}>
           { media }
         </div>
-        <Textarea className={classes.message} placeholder={state.strings.newMessage} styles={{ input: {color: state.textColorSet ? state.textColor : null, fontSize: state.textSizeSet ? state.textSize : null }}} value={state.message} onChange={(event) => actions.setMessage(event.currentTarget.value)} disabled={!state.detail || state.detail.locked || sending} onKeyDown={(e) => { console.log(e); keyDown(e.key, e.shiftKey)}} />
+        <Textarea className={classes.message} placeholder={state.strings.newMessage} styles={{ input: {color: state.textColorSet ? state.textColor : undefined, fontSize: state.textSizeSet ? state.textSize : undefined }}} value={state.message} onChange={(event) => actions.setMessage(event.currentTarget.value)} disabled={!state.detail || state.detail.locked || sending} onKeyDown={(e) => { console.log(e); keyDown(e.key, e.shiftKey)}} />
         <div className={classes.controls}>
           <ActionIcon className={classes.attach} variant="light" disabled={!state.detail || state.detail.locked || sending} onClick={() => attachImage.current.click()}> 
             <IconCamera />
diff --git a/app/client/web/yarn.lock b/app/client/web/yarn.lock
index 1a1eb00b..88a7d1bf 100644
--- a/app/client/web/yarn.lock
+++ b/app/client/web/yarn.lock
@@ -1805,6 +1805,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/react-color@npm:^3.0.13":
+  version: 3.0.13
+  resolution: "@types/react-color@npm:3.0.13"
+  dependencies:
+    "@types/reactcss": "*"
+  peerDependencies:
+    "@types/react": "*"
+  checksum: 6fe263209748860cc0282a0ff003aa1e88840e9c3d0e47649a0cf10b97554fe259fc4303f3230a23c427934a3d33ea0d16bf6e71153f061eafa2291d8809eee2
+  languageName: node
+  linkType: hard
+
 "@types/react-dom@npm:18.0.6":
   version: 18.0.6
   resolution: "@types/react-dom@npm:18.0.6"
@@ -1833,6 +1844,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/reactcss@npm:*":
+  version: 1.2.13
+  resolution: "@types/reactcss@npm:1.2.13"
+  peerDependencies:
+    "@types/react": "*"
+  checksum: 84c58e15f050aaf812b770f9951a653221cb828a16bd472f6a85e37bca20557e16bf3b4fb49a5c927817d60f426372a50ed7c3d01ee7924f2db9b4037eab3df7
+  languageName: node
+  linkType: hard
+
 "@types/stack-utils@npm:^2.0.0":
   version: 2.0.3
   resolution: "@types/stack-utils@npm:2.0.3"
@@ -2858,6 +2878,7 @@ __metadata:
     "@types/crypto-js": ^4.2.2
     "@types/jest": 29.0.3
     "@types/react": ^18.3.5
+    "@types/react-color": ^3.0.13
     "@types/react-dom": 18.0.6
     "@vitejs/plugin-react": 4.3.1
     crypto-js: ^4.2.0