@pubuduth-aplicy/chat-ui 2.2.3 → 2.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/common/SystemNotice.tsx +31 -9
  3. package/src/components/messages/Message.tsx +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pubuduth-aplicy/chat-ui",
3
- "version": "2.2.3",
3
+ "version": "2.2.4",
4
4
  "description": "This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.",
5
5
  "license": "ISC",
6
6
  "author": "",
package/src/components/common/SystemNotice.tsx CHANGED
@@ -1,5 +1,6 @@
1
1
  const SystemNotice = () => (
2
- <div style={{
2
+ <div
3
+ style={{
3
4
  padding: "1rem",
4
5
  border: "1px solid #ddd",
5
6
  borderRadius: "8px",
@@ -7,12 +8,33 @@ const SystemNotice = () => (
7
8
  backgroundColor: "#f9f9f9",
8
9
  fontSize: "14px",
9
10
  textAlign: "center",
10
- }}>
11
- <strong style={{ display: "block", marginBottom: "0.5rem", textAlign:"center", fontSize:"smaller" }}>🛡 WE HAVE YOUR BACK</strong>
12
- <p style={{fontSize:"x-small", textAlign:"center"}}>For added safety and your protection, keep payments and communications within Hirepanther.
13
- {/* <a href="#">Learn more</a> */}
14
- </p>
11
+ }}
12
+ >
13
+ <div
14
+ style={{
15
+ fontSize: "32px", // 🔥 control icon size here
16
+ lineHeight: 1,
17
+ marginBottom: "0.25rem",
18
+ }}
19
+ >
20
+ 🛡
15
21
  </div>
16
- );
17
- export default SystemNotice;
18
-
22
+
23
+ <strong
24
+ style={{
25
+ display: "block",
26
+ marginBottom: "0.5rem",
27
+ fontSize: "12px",
28
+ letterSpacing: "0.5px",
29
+ }}
30
+ >
31
+ WE HAVE YOUR BACK
32
+ </strong>
33
+
34
+ <p style={{ fontSize: "11px", margin: 0 }}>
35
+ For added safety and your protection, keep payments and communications
36
+ within Hirepanther.
37
+ </p>
38
+ </div>
39
+ );
40
+ export default SystemNotice;
package/src/components/messages/Message.tsx CHANGED
@@ -420,7 +420,10 @@ const Message = ({ message }: MessageProps) => {
420
420
  <div className="file-icon">
421
421
  {media.type === "document" && "📄"}
422
422
  </div>
423
- <div className="file-info">
423
+ <div className="file-info"
424
+ onClick={() =>
425
+ window.open(`${cdnUrl}${media.url}`, "_blank")
426
+ }>
424
427
  <span className="file-name">{media.name}</span>
425
428
  <span className="file-size">
426
429
  {(media.size / 1024).toFixed(1)} KB