add sharepost

src/components/ChatUI.tsx

@@ -525,13 +525,18 @@ const ChatUI = () => {
                 </div>
               ))}
               <div ref={messagesEndRef} />
+              {/* 添加一个二维码 */}
+              <div id="qrcode" className="flex flex-col items-center hidden">
+                <img src="/img/qr.png" alt="QR Code" className="w-24 h-24" />
+                <p className="text-sm text-gray-500 mt-2 font-medium tracking-tight bg-gray-50 px-3 py-1 rounded-full">扫码体验AI群聊</p>
+              </div>
             </div>
           </ScrollArea>
         </div>
 
         {/* Input Area */}
         <div className="bg-white border-t pb-[calc(0.75rem+env(safe-area-inset-bottom))] pt-3 px-4">
-          <div className="flex gap-2">
+          <div className="flex gap-1">
             <TooltipProvider>
               <Tooltip>
                 <TooltipTrigger asChild>
@@ -563,9 +568,8 @@ const ChatUI = () => {
               {isLoading ? (
                 <div className="w-4 h-4 mr-2 animate-spin rounded-full border-2 border-white border-t-transparent" />
               ) : (
-                <Send className="w-4 h-4 mr-2" />
+                <Send className="w-4 h-4" />
               )}
-              发送
             </Button>
           </div>
         </div>

src/components/SharePoster.tsx

@@ -28,7 +28,10 @@ export function SharePoster({ isOpen, onClose, chatAreaRef }: SharePosterProps)
     try {
       const messageContainer = chatAreaRef.current.querySelector('.space-y-4');
       if (!messageContainer) return;
-
+      const qrCode = messageContainer.querySelector('#qrcode');
+      if (qrCode) {
+        qrCode.classList.remove('hidden');
+      }
       // 预处理所有图片
       const preloadImages = async () => {
         const images = Array.from(messageContainer.getElementsByTagName('img'));
@@ -141,7 +144,16 @@ export function SharePoster({ isOpen, onClose, chatAreaRef }: SharePosterProps)
   };
 
   return (
-    <Dialog open={isOpen} onOpenChange={onClose}>
+    <Dialog open={isOpen} onOpenChange={(open) => {
+      if (!open) {
+        // Hide QR code when dialog closes
+        const qrCode = chatAreaRef.current?.querySelector('#qrcode');
+        if (qrCode) {
+          qrCode.classList.add('hidden');
+        }
+        onClose();
+      }
+    }}>
       <DialogContent className="max-w-[95vw] w-full sm:max-w-[90vw] max-h-[90vh] flex flex-col p-0">
         {/* 图片容器 */}
         <div className="flex-1 overflow-auto p-1">