From 1303e7fef715e5d11a08c6c6c3e294dee36ff17b Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Mon, 1 Jul 2024 21:46:02 +0800
Subject: [PATCH] chore: updates

---
 package.json                  |  2 +-
 src/components/User/index.tsx | 10 ++++++++--
 src/widget/Popup/Welcome.tsx  |  7 ++++---
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 4a802561..cd5ec102 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vocechat-web",
-  "version": "0.7.19",
+  "version": "0.7.20",
   "homepage": "https://voce.chat",
   "dependencies": {
     "@metamask/onboarding": "^1.0.1",
diff --git a/src/components/User/index.tsx b/src/components/User/index.tsx
index 1db5b3a2..dbfcbeba 100644
--- a/src/components/User/index.tsx
+++ b/src/components/User/index.tsx
@@ -11,6 +11,7 @@ import Avatar from "../Avatar";
 import Profile from "../Profile";
 import ContextMenu from "./ContextMenu";
 import { shallowEqual } from "react-redux";
+import { cn } from "@/utils";
 
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
   uid: number;
@@ -28,7 +29,7 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
 const User: FC<Props> = ({
   cid,
   uid,
-  owner = false,
+  // owner = false,
   dm = false,
   interactive = true,
   popover = false,
@@ -60,6 +61,7 @@ const User: FC<Props> = ({
   const nameClass = clsx(
     `text-sm text-gray-500 max-w-[190px] truncate font-semibold dark:text-white`
   );
+  const isFromWidget = !!curr.widget_id;
   const statusContainerClass = `absolute -bottom-[2.5px] -right-[2.5px] border-content rounded-full border-[1px] border-white dark:border-gray-300`;
   const statusClass = clsx(
     statusContainerClass,
@@ -94,7 +96,11 @@ const User: FC<Props> = ({
             style={{ width: `${avatarSize}px`, height: `${avatarSize}px` }}
           >
             <Avatar
-              className="w-full h-full rounded-full object-cover"
+              className={cn(
+                "size-full rounded-full object-cover",
+                isFromWidget && "ring-2 ring-orange-500"
+              )}
+              title={curr.widget_id}
               width={avatarSize}
               height={avatarSize}
               src={curr.avatar}
diff --git a/src/widget/Popup/Welcome.tsx b/src/widget/Popup/Welcome.tsx
index b8291007..c0bae000 100644
--- a/src/widget/Popup/Welcome.tsx
+++ b/src/widget/Popup/Welcome.tsx
@@ -25,9 +25,10 @@ const Index = ({ needLogin = false }: Props) => {
             className="rounded-lg"
             style={{ maxWidth: "min(((100vw - 56px) - 20px) - 64px, 360px)" }}
           >
-            <div className="text-md text-gray-900 dark:text-gray-100 px-3 py-1.5 bg-gray-100 dark:bg-gray-900 rounded-lg mb-1.5">
-              {welcome || t("welcome")}
-            </div>
+            <div
+              dangerouslySetInnerHTML={{ __html: welcome || t("welcome") }}
+              className="text-md text-gray-900 dark:text-gray-100 px-3 py-1.5 bg-gray-100 dark:bg-gray-900 rounded-lg mb-1.5"
+            ></div>
           </div>
         </div>
       </div>