Звонки

client-web/src/modules/chats/presentation/ChatPage.tsx

@@ -16,6 +16,8 @@ import GroupCallModal from '../../calls/presentation/components/GroupCallModal';
 import ContactsSidebar from '../../friends/presentation/components/ContactsSidebar';
 import SettingsPage from '../../users/presentation/components/SettingsPage';
 import UserProfile from '../../users/presentation/components/UserProfile';
+import Avatar from '../../../core/presentation/components/ui/Avatar';
+import { getMediaUrl } from '../../../core/utils/utils';
 
 export default function ChatPage() {
   const {
@@ -476,14 +478,13 @@ export default function ChatPage() {
               className="bg-zinc-900 border border-white/10 p-8 rounded-3xl w-full max-w-sm flex flex-col items-center shadow-2xl"
             >
               <div className="relative mb-6">
-                <div className="absolute inset-0 rounded-full bg-emerald-500/20 animate-call-wave" />
-                <div className="relative w-24 h-24 rounded-full bg-linear-to-br from-primary/80 to-primary flex items-center justify-center text-4xl font-black text-on-primary uppercase overflow-hidden shadow-2xl">
-                  {incomingGroupCall.callerInfo?.avatar ? (
-                    <img src={incomingGroupCall.callerInfo.avatar} className="w-full h-full object-cover" />
-                  ) : (
-                    <>{incomingGroupCall.chatName.charAt(0)}</>
-                  )}
-                </div>
+                <div className="absolute inset-0 rounded-[1.5rem] bg-emerald-500/20 animate-call-wave" />
+                <Avatar 
+                  src={incomingGroupCall.callerInfo?.avatar ? getMediaUrl(incomingGroupCall.callerInfo.avatar) : null} 
+                  name={incomingGroupCall.chatName || '?'} 
+                  size="2xl"
+                  className="relative shadow-2xl"
+                />
               </div>
               <h2 className="text-2xl text-white font-semibold mb-2 text-center break-words w-full max-w-full">
                 {incomingGroupCall.chatName}