diff --git a/src/app/components/chat/chat.service.ts b/src/app/components/chat/chat.service.ts
index 0c506f5..fff5b46 100644
--- a/src/app/components/chat/chat.service.ts
+++ b/src/app/components/chat/chat.service.ts
@@ -102,8 +102,7 @@ export class ChatService implements OnDestroy {
                             if (!contact.pubKey) {
                                 console.error('Contact is missing pubKey:', contact);
                             }
-                            contact.name = contact.name ? contact.name : 'Unknown';
-                            return contact;
+                             return contact;
                         });
 
                         this._contacts.next(validatedContacts);
@@ -196,6 +195,10 @@ export class ChatService implements OnDestroy {
     async getChats(): Promise<Observable<Chat[]>> {
         return this.getChatListStream().pipe(
             tap(chats => {
+                if (chats && chats.length === 0) {
+                    return;
+                }
+
                 const pubKeys = chats
                     .filter(chat => chat.contact?.pubKey)
                     .map(chat => chat.contact!.pubKey);
@@ -251,8 +254,11 @@ export class ChatService implements OnDestroy {
                     }
                 },
                 oneose: () => {
-                    console.log('Subscription closed');
-                    this._chats.next(this.chatList);
+
+                     const currentChats = this.chatList || [];
+                    if (currentChats.length > 0) {
+                        this._chats.next(this.chatList);
+                    }
                 }
             });
         });
@@ -440,42 +446,26 @@ export class ChatService implements OnDestroy {
         );
     }
 
-    getChatById(id: string): Observable<Chat> {
+    getChatById(id: string, contact: Contact = null): Observable<Chat> {
         this.recipientPublicKey = id;
 
-        const pubkeyPromise = this._signerService.getPublicKey();
-
-        return from(Promise.all([pubkeyPromise])).pipe(
+        return from(Promise.all([this._signerService.getPublicKey()])).pipe(
             switchMap(() => {
                 return this.chats$.pipe(
                     take(1),
-                    distinctUntilChanged(),
-                    filter((chats: Chat[] | null) => !!chats),
                     switchMap((chats: Chat[] | null) => {
-                        const cachedChat = chats?.find(chat => chat.id === id);
-                        if (cachedChat && cachedChat.messages.length > 0) {
+                        if (!chats || chats.length === 0) {
+                            return this.createNewChat(id, contact);
+                        }
+
+                        const cachedChat = chats.find(chat => chat.id === id);
+                        if (cachedChat) {
                             this._chat.next(cachedChat);
-
                             this.loadChatHistory(this.recipientPublicKey);
-
                             return of(cachedChat);
                         }
 
-                        const newChat: Chat = {
-                            id: this.recipientPublicKey,
-                            contact: { pubKey: this.recipientPublicKey, picture: "/images/avatars/avatar-placeholder.png" },
-                            lastMessage: '',
-                            lastMessageAt: new Date().toISOString(),
-                            messages: []
-                        };
-
-                        const updatedChats = chats ? [...chats, newChat] : [newChat];
-                        this._chats.next(updatedChats);
-                        this._chat.next(newChat);
-
-                        this.loadChatHistory(this.recipientPublicKey);
-
-                        return of(newChat);
+                        return this.createNewChat(id, contact);
                     })
                 );
             }),
@@ -486,64 +476,30 @@ export class ChatService implements OnDestroy {
         );
     }
 
+     createNewChat(id: string, contact: Contact = null): Observable<Chat> {
+        const newChat: Chat = {
+            id: id,
+            contact: contact || { pubKey: id,name: "Unknown", picture: "/images/avatars/avatar-placeholder.png" },
+            lastMessage: '...',
+            lastMessageAt:  Math.floor(Date.now() / 1000).toString(),
+            messages: []
+        };
 
+         const updatedChats = this._chats.value ? [...this._chats.value, newChat] : [newChat];
+        this._chats.next(updatedChats);
+        this._chat.next(newChat);
 
-    openChat(contact: Contact): Observable<Chat> {
-        if (!contact.pubKey) {
-            console.error('The contact does not have a public key!');
-            return throwError('The contact does not have a public key!');
-        }
+         this.loadChatHistory(id);
 
-        this.recipientPublicKey = contact.pubKey;
-
-        return this.chats$.pipe(
-            take(1),
-            distinctUntilChanged(),
-            concatMap((chats: Chat[] | null) => {
-                const cachedChat = chats?.find(chat => chat.id === contact.pubKey);
-                if (cachedChat) {
-                    this._chat.next(cachedChat);
-
-                    this.loadChatHistory(contact.pubKey);
-
-                    return of(cachedChat);
-                }
-
-                const newChat: Chat = {
-                    id: contact.pubKey,
-                    contact: {
-                        pubKey: contact.pubKey,
-                        name: contact.name,
-                        picture: contact.picture || "/images/avatars/avatar-placeholder.png",
-                        about: contact.about,
-                        displayName: contact.displayName,
-                    },
-                    lastMessage: '',
-                    lastMessageAt: new Date().toISOString(),
-                    messages: []
-                };
-
-                const updatedChats = chats ? [...chats, newChat] : [newChat];
-                this._chats.next(updatedChats);
-                this._chat.next(newChat);
-
-                this.loadChatHistory(contact.pubKey);
-
-                return of(newChat);
-            }),
-            catchError((error) => {
-                console.error('Error fetching chat by ID:', error);
-                const parentUrl = this.router.url.split('/').slice(0, -1).join('/');
-                this.router.navigateByUrl(parentUrl);
-                return throwError(error);
-            })
-        );
+        return of(newChat);
     }
 
+
     resetChat(): void {
         this._chat.next(null);
     }
 
+
     public async sendPrivateMessage(message: string): Promise<void> {
         try {
             this.message = message;
diff --git a/src/app/components/chat/chats/chats.component.html b/src/app/components/chat/chats/chats.component.html
index af8e298..106f11c 100644
--- a/src/app/components/chat/chats/chats.component.html
+++ b/src/app/components/chat/chats/chats.component.html
@@ -123,7 +123,7 @@
                             }
                             <!-- If contact has a picture -->
                             <img *ngIf="chat.contact?.picture" class="h-full w-full rounded-full object-cover"
-                                [src]="chat.contact.picture" (error)="
+                                [src]="chat.contact?.picture" (error)="
                                                 this.src =
                                                     '/images/avatars/avatar-placeholder.png'
                                             " alt="Contact picture" />
@@ -136,7 +136,7 @@
                         </div>
                         <div class="ml-4 min-w-0">
                             <div class="truncate font-medium leading-5">
-                                {{ chat.contact.name }}
+                                {{ chat.contact?.name }}
                             </div>
                             <div class="text-secondary truncate leading-5" [class.text-primary]="
                                                 chat.unreadCount > 0
diff --git a/src/app/components/chat/chats/chats.component.ts b/src/app/components/chat/chats/chats.component.ts
index a550003..a52b539 100644
--- a/src/app/components/chat/chats/chats.component.ts
+++ b/src/app/components/chat/chats/chats.component.ts
@@ -131,7 +131,7 @@ export class ChatsComponent implements OnInit, OnDestroy {
         }
 
         this.filteredChats = this.chats.filter((chat) =>
-            chat.contact.name.toLowerCase().includes(query.toLowerCase())
+            chat.contact?.name.toLowerCase().includes(query.toLowerCase())
         );
     }
 
diff --git a/src/app/components/chat/contact-info/contact-info.component.html b/src/app/components/chat/contact-info/contact-info.component.html
index 38a23ca..3869651 100644
--- a/src/app/components/chat/contact-info/contact-info.component.html
+++ b/src/app/components/chat/contact-info/contact-info.component.html
@@ -13,25 +13,25 @@
         <!-- Contact picture & info -->
         <div class="mt-8 flex flex-col items-center">
             <div class="h-40 w-40 rounded-full">
-                @if (chat.contact.picture) {
+                @if (chat.contact?.picture) {
                     <img
                         class="h-full w-full rounded-full object-cover"
-                        [src]="chat.contact.picture"
+                        [src]="chat.contact?.picture"
                         onerror="this.onerror=null; this.src='/images/avatars/avatar-placeholder.png';"
                         [alt]="'Contact picture'"
                     />
                 }
-                @if (!chat.contact.picture) {
+                @if (!chat.contact?.picture) {
                     <div
                         class="flex h-full w-full items-center justify-center rounded-full bg-gray-200 text-8xl font-semibold uppercase text-gray-600 dark:bg-gray-700 dark:text-gray-200"
                     >
-                        {{ chat.contact.name.charAt(0) }}
+                        {{ chat.contact?.name.charAt(0) }}
                     </div>
                 }
             </div>
-            <div class="mt-4 text-lg font-medium">{{ chat.contact.name }}</div>
+            <div class="mt-4 text-lg font-medium">{{ chat.contact?.name }}</div>
             <div class="text-secondary mt-0.5 text-md">
-                {{ chat.contact.about }}
+                {{ chat.contact?.about }}
             </div>
         </div>
 
diff --git a/src/app/components/chat/conversation/conversation.component.html b/src/app/components/chat/conversation/conversation.component.html
index 49aae49..6992881 100644
--- a/src/app/components/chat/conversation/conversation.component.html
+++ b/src/app/components/chat/conversation/conversation.component.html
@@ -45,26 +45,26 @@
                         <div
                             class="relative flex h-10 w-10 flex-0 items-center justify-center"
                         >
-                            @if (chat.contact.picture) {
+                            @if (chat.contact?.picture) {
                                 <img
                                     class="h-full w-full rounded-full object-cover"
-                                    [src]="chat.contact.picture"
+                                    [src]="chat.contact?.picture"
                                     onerror="this.onerror=null; this.src='/images/avatars/avatar-placeholder.png';"
                                     alt="Contact picture"
                                 />
                             }
-                            @if (!chat.contact.picture) {
+                            @if (!chat.contact?.picture) {
                                 <div
                                     class="flex h-full w-full items-center justify-center rounded-full bg-gray-200 text-lg uppercase text-gray-600 dark:bg-gray-700 dark:text-gray-200"
                                 >
-                                    {{ chat.contact.name.charAt(0) }}
+                                    {{ chat.contact?.name.charAt(0) }}
                                 </div>
                             }
                         </div>
                         <div
                             class="ml-4 truncate text-lg font-medium leading-5"
                         >
-                            {{ chat.contact.name }}
+                            {{ chat.contact?.name }}
                         </div>
                     </div>
 
diff --git a/src/app/components/chat/new-chat/new-chat.component.ts b/src/app/components/chat/new-chat/new-chat.component.ts
index 435bb27..fd779d9 100644
--- a/src/app/components/chat/new-chat/new-chat.component.ts
+++ b/src/app/components/chat/new-chat/new-chat.component.ts
@@ -55,7 +55,7 @@ export class NewChatComponent implements OnInit, OnDestroy {
     }
 
     openChat(contact: Contact): void {
-        this._chatService.openChat(contact).subscribe({
+        this._chatService.getChatById(contact.pubKey, contact).subscribe({
             next: (chat) => {
                 console.log('Chat loaded or created:', chat);
                 this.router.navigate(['/chat', contact.pubKey]);
diff --git a/src/app/components/explore/explore.component.html b/src/app/components/explore/explore.component.html
index 1098fb7..71aeda9 100644
--- a/src/app/components/explore/explore.component.html
+++ b/src/app/components/explore/explore.component.html
@@ -66,12 +66,15 @@
                                         {{ project.about || 'No description available' }}
                                     </div>
                                 </div>
+                                @if (project.displayName ||project.name) {
                                 <div class="flex h-10 w-10 items-center justify-center rounded-full border">
                                     <button mat-icon-button (click)="openChat(project.nostrPubKey)">
                                         <mat-icon class="icon-size-5"
                                             [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
                                     </button>
                                 </div>
+                                }
+
                             </div>
                             <hr class="my-6 w-full border-t" />
                             <div class="flex items-center justify-between">
@@ -79,13 +82,12 @@
                                     {{ project.totalInvestmentsCount || 0 }} investors
                                 </div>
                                 <div class="flex items-center">
-                                    <ng-container *ngFor="let investor of [].constructor(project.totalInvestmentsCount || 0); let i = index">
-                                        <img
-                                            class="text-card ring-bg-card m-0.5 h-6 w-6 rounded-full ring-2"
+                                    <ng-container
+                                        *ngFor="let investor of [].constructor(project.totalInvestmentsCount || 0); let i = index">
+                                        <img class="text-card ring-bg-card m-0.5 h-6 w-6 rounded-full ring-2"
                                             [ngClass]="{'-ml-3': project.totalInvestmentsCount > 1 && i > 0}"
                                             [src]="'images/avatars/avatar-placeholder.png'"
-                                            alt="Investor avatar {{ i + 1 }}"
-                                        />
+                                            alt="Investor avatar {{ i + 1 }}" />
                                     </ng-container>
                                 </div>
                             </div>
diff --git a/src/app/components/explore/explore.component.ts b/src/app/components/explore/explore.component.ts
index 4c0720f..44dce55 100644
--- a/src/app/components/explore/explore.component.ts
+++ b/src/app/components/explore/explore.component.ts
@@ -23,7 +23,6 @@ import { Project } from 'app/interface/project.interface';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 import { Contact } from '../chat/chat.types';
 import { ChatService } from '../chat/chat.service';
-import { __metadata } from 'tslib';
 
 @Component({
   selector: 'explore',
@@ -288,30 +287,27 @@ export class ExploreComponent implements OnInit, OnDestroy {
     return /\.(jpeg|jpg|gif|png|svg|bmp|webp|tiff|ico)$/i.test(url);
   }
 
-
   async openChat(publicKey: string): Promise<void> {
-    const metadata = await this.metadataService.getUserMetadata(publicKey);
+    try {
+         const metadata = await this.metadataService.fetchMetadataWithCache(publicKey);
 
-    if (metadata) {
-        const contact: Contact = {
-            pubKey: publicKey,
-            name: metadata.name,
-            username: metadata.username,
-            picture: metadata.picture,
-            about: metadata.about,
-            displayName: metadata.displayName,
-            website: metadata.website,
-            banner: metadata.banner,
-            lud06: metadata.lud06,
-            lud16: metadata.lud16,
-            nip05: metadata.nip05
-        };
+        if (metadata) {
+            const contact: Contact = {
+                pubKey: publicKey,
+                name: metadata.name || 'Unknown',
+                picture: metadata.picture || '/images/avatars/avatar-placeholder.png',
+                about: metadata.about || '',
+                displayName: metadata.displayName || metadata.name || 'Unknown',
+            };
 
-        this._chatService.openChat(contact).subscribe((chat) => {
-            this.router.navigate(['/chat', contact.pubKey]);
-        });
-    } else {
-        console.error('No metadata found for the public key:', publicKey);
+             this._chatService.getChatById(contact.pubKey, contact).subscribe((chat) => {
+                 this.router.navigate(['/chat', contact.pubKey]);
+            });
+        } else {
+            console.error('No metadata found for the public key:', publicKey);
+        }
+    } catch (error) {
+        console.error('Error opening chat:', error);
     }
 }
 
diff --git a/src/app/layout/common/quick-chat/quick-chat.component.html b/src/app/layout/common/quick-chat/quick-chat.component.html
index a14d4de..d4b3700 100644
--- a/src/app/layout/common/quick-chat/quick-chat.component.html
+++ b/src/app/layout/common/quick-chat/quick-chat.component.html
@@ -42,23 +42,23 @@
                     <div
                         class="relative flex h-10 w-10 flex-0 items-center justify-center"
                     >
-                        @if (chat.contact.avatar) {
+                        @if (chat.contact?.avatar) {
                             <img
                                 class="h-full w-full rounded-full object-cover"
-                                [src]="chat.contact.avatar"
+                                [src]="chat.contact?.avatar"
                                 alt="Contact avatar"
                             />
                         }
-                        @if (!chat.contact.avatar) {
+                        @if (!chat.contact?.avatar) {
                             <div
                                 class="flex h-full w-full items-center justify-center rounded-full bg-gray-200 text-lg uppercase text-gray-600 dark:bg-gray-700 dark:text-gray-200"
                             >
-                                {{ chat.contact.name.charAt(0) }}
+                                {{ chat.contact?.name.charAt(0) }}
                             </div>
                         }
                     </div>
                     <div class="ml-4 truncate text-lg font-medium leading-5">
-                        {{ chat.contact.name }}
+                        {{ chat.contact?.name }}
                     </div>
                     <button class="ml-auto mr-4" mat-icon-button>
                         <mat-icon
@@ -102,18 +102,18 @@
                                         "
                                     ></div>
                                 }
-                                @if (chat.contact.avatar) {
+                                @if (chat.contact?.avatar) {
                                     <img
                                         class="h-full w-full rounded-full object-cover"
-                                        [src]="chat.contact.avatar"
+                                        [src]="chat.contact?.avatar"
                                         alt="Contact avatar"
                                     />
                                 }
-                                @if (!chat.contact.avatar) {
+                                @if (!chat.contact?.avatar) {
                                     <div
                                         class="flex h-full w-full items-center justify-center rounded-full bg-gray-200 text-lg uppercase text-gray-600 dark:bg-gray-700 dark:text-gray-200"
                                     >
-                                        {{ chat.contact.name.charAt(0) }}
+                                        {{ chat.contact?.name.charAt(0) }}
                                     </div>
                                 }
                             </div>
diff --git a/src/app/services/metadata.service.ts b/src/app/services/metadata.service.ts
index a88a1b0..a7552cb 100644
--- a/src/app/services/metadata.service.ts
+++ b/src/app/services/metadata.service.ts
@@ -108,7 +108,7 @@ export class MetadataService {
     const metadata = await this.indexedDBService.getUserMetadata(pubkey);
     if (metadata) {
       this.metadataSubject.next(metadata);
-    } else {
+     } else {
       this.enqueueRequest(pubkey);
     }
 
diff --git a/src/app/services/relay.service.ts b/src/app/services/relay.service.ts
index 91ac734..54af053 100644
--- a/src/app/services/relay.service.ts
+++ b/src/app/services/relay.service.ts
@@ -61,7 +61,7 @@ export class RelayService {
             relay.retries = 0;
             clearTimeout(relay.retryTimeout);
             this.saveRelaysToLocalStorage();
-            console.log(`Connected to relay: ${relay.url}`);
+            //console.log(`Connected to relay: ${relay.url}`);
         };
 
         relay.ws.onerror = () => {