chore: updates

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}

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>