From 57f7a9a52b1c16ee2f69e8a1236239c2f421f428 Mon Sep 17 00:00:00 2001
From: Milad Raeisi <miladsoft@yahoo.com>
Date: Tue, 26 Nov 2024 15:56:45 +0400
Subject: [PATCH] Add widgets

---
 src/app/components/home/home.component.ts     |  11 -
 .../components/profile/profile.component.html |  97 +----
 .../components/profile/profile.component.ts   |  61 ++--
 .../call-to-action.component.html             |   1 +
 .../call-to-action.component.scss             |   0
 .../call-to-action.component.spec.ts          |  23 ++
 .../call-to-action.component.ts               |  11 +
 .../downloadbox/downloadbox.component.html    |   1 +
 .../downloadbox/downloadbox.component.scss    |   0
 .../downloadbox/downloadbox.component.spec.ts |  23 ++
 .../downloadbox/downloadbox.component.ts      |  11 +
 .../image-gallery.component.html              |   1 +
 .../image-gallery.component.scss              |   0
 .../image-gallery.component.spec.ts           |  23 ++
 .../image-gallery/image-gallery.component.ts  |  11 +
 .../investors-box.component.html              |   1 +
 .../investors-box.component.scss              |   0
 .../investors-box.component.spec.ts           |  23 ++
 .../investors-box/investors-box.component.ts  |  11 +
 .../slide-show/slide-show.component.html      |   1 +
 .../slide-show/slide-show.component.scss      |   0
 .../slide-show/slide-show.component.spec.ts   |  23 ++
 .../slide-show/slide-show.component.ts        |  11 +
 .../social-media-links.component.html         |   1 +
 .../social-media-links.component.scss         |   0
 .../social-media-links.component.spec.ts      |  23 ++
 .../social-media-links.component.ts           |  11 +
 .../team-members/team-members.component.html  |   1 +
 .../team-members/team-members.component.scss  |   0
 .../team-members.component.spec.ts            |  23 ++
 .../team-members/team-members.component.ts    |  11 +
 .../useful-links/useful-links.component.html  |   1 +
 .../useful-links/useful-links.component.scss  |   0
 .../useful-links.component.spec.ts            |  23 ++
 .../useful-links/useful-links.component.ts    |  11 +
 .../components/widgets/zap/zap.component.html |   1 +
 .../components/widgets/zap/zap.component.scss |   0
 .../widgets/zap/zap.component.spec.ts         |  23 ++
 .../components/widgets/zap/zap.component.ts   |  11 +
 src/app/services/social.service.ts            | 183 ----------
 src/app/services/state.service.ts             |  58 +--
 src/app/services/storage.service.ts           | 332 +++++++++---------
 42 files changed, 547 insertions(+), 510 deletions(-)
 create mode 100644 src/app/components/widgets/call-to-action/call-to-action.component.html
 create mode 100644 src/app/components/widgets/call-to-action/call-to-action.component.scss
 create mode 100644 src/app/components/widgets/call-to-action/call-to-action.component.spec.ts
 create mode 100644 src/app/components/widgets/call-to-action/call-to-action.component.ts
 create mode 100644 src/app/components/widgets/downloadbox/downloadbox.component.html
 create mode 100644 src/app/components/widgets/downloadbox/downloadbox.component.scss
 create mode 100644 src/app/components/widgets/downloadbox/downloadbox.component.spec.ts
 create mode 100644 src/app/components/widgets/downloadbox/downloadbox.component.ts
 create mode 100644 src/app/components/widgets/image-gallery/image-gallery.component.html
 create mode 100644 src/app/components/widgets/image-gallery/image-gallery.component.scss
 create mode 100644 src/app/components/widgets/image-gallery/image-gallery.component.spec.ts
 create mode 100644 src/app/components/widgets/image-gallery/image-gallery.component.ts
 create mode 100644 src/app/components/widgets/investors-box/investors-box.component.html
 create mode 100644 src/app/components/widgets/investors-box/investors-box.component.scss
 create mode 100644 src/app/components/widgets/investors-box/investors-box.component.spec.ts
 create mode 100644 src/app/components/widgets/investors-box/investors-box.component.ts
 create mode 100644 src/app/components/widgets/slide-show/slide-show.component.html
 create mode 100644 src/app/components/widgets/slide-show/slide-show.component.scss
 create mode 100644 src/app/components/widgets/slide-show/slide-show.component.spec.ts
 create mode 100644 src/app/components/widgets/slide-show/slide-show.component.ts
 create mode 100644 src/app/components/widgets/social-media-links/social-media-links.component.html
 create mode 100644 src/app/components/widgets/social-media-links/social-media-links.component.scss
 create mode 100644 src/app/components/widgets/social-media-links/social-media-links.component.spec.ts
 create mode 100644 src/app/components/widgets/social-media-links/social-media-links.component.ts
 create mode 100644 src/app/components/widgets/team-members/team-members.component.html
 create mode 100644 src/app/components/widgets/team-members/team-members.component.scss
 create mode 100644 src/app/components/widgets/team-members/team-members.component.spec.ts
 create mode 100644 src/app/components/widgets/team-members/team-members.component.ts
 create mode 100644 src/app/components/widgets/useful-links/useful-links.component.html
 create mode 100644 src/app/components/widgets/useful-links/useful-links.component.scss
 create mode 100644 src/app/components/widgets/useful-links/useful-links.component.spec.ts
 create mode 100644 src/app/components/widgets/useful-links/useful-links.component.ts
 create mode 100644 src/app/components/widgets/zap/zap.component.html
 create mode 100644 src/app/components/widgets/zap/zap.component.scss
 create mode 100644 src/app/components/widgets/zap/zap.component.spec.ts
 create mode 100644 src/app/components/widgets/zap/zap.component.ts
 delete mode 100644 src/app/services/social.service.ts

diff --git a/src/app/components/home/home.component.ts b/src/app/components/home/home.component.ts
index c9261f6..31255e4 100644
--- a/src/app/components/home/home.component.ts
+++ b/src/app/components/home/home.component.ts
@@ -16,23 +16,12 @@ import { MatInputModule } from '@angular/material/input';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { ActivatedRoute, Router } from '@angular/router';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { Subscription } from 'rxjs';
 import { NostrEvent } from 'nostr-tools';
-import { AngorCardComponent } from '@angor/components/card';
-import { AngorConfigService } from '@angor/services/config';
-import { AngorConfirmationService } from '@angor/services/confirmation';
-import { MatDialog } from '@angular/material/dialog';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { DomSanitizer, SafeUrl } from '@angular/platform-browser';
 import { ParseContentService } from 'app/services/parse-content.service';
-import { SignerService } from 'app/services/signer.service';
-import { SocialService } from 'app/services/social.service';
 import { StorageService } from 'app/services/storage.service';
-import { SubscriptionService } from 'app/services/subscription.service';
-import { AgoPipe } from 'app/shared/pipes/ago.pipe';
-import { PostProfileComponent } from '../post-event/post-profile/post-profile.component';
 import { PostComponent } from 'app/layout/common/post/post.component';
 
 @Component({
diff --git a/src/app/components/profile/profile.component.html b/src/app/components/profile/profile.component.html
index 7224d5e..8cd253a 100644
--- a/src/app/components/profile/profile.component.html
+++ b/src/app/components/profile/profile.component.html
@@ -72,96 +72,29 @@
             </div>
 
             <!-- Separator -->
-            <div class="mx-8 hidden h-8 flex-shrink-0 border-l-2 lg:flex"></div>
-            <div class="flex flex-shrink-0 items-center space-x-6 lg:mt-0">
-                <div
-                    *ngIf="isCurrentUserProfile; else otherUserStats"
-                    class="mt-6 flex flex-shrink-0 items-center space-x-6 lg:mt-0"
-                >
-                    <ng-container *ngIf="stats$ | async as stats">
-                        <div class="flex flex-col items-center">
-                            <span
-                                [matTooltip]="
-                                    'Total contact: ' + stats.totalContacts
-                                "
-                                class="font-bold"
-                            >
-                                {{ stats.followersCount }}
-                            </span>
-                            <span class="text-secondary text-sm font-medium"
-                                >FOLLOWERS</span
-                            >
-                        </div>
+             <div class="flex flex-shrink-0 items-center space-x-6 lg:mt-0">
 
-                        <div class="flex flex-col items-center">
-                            <span class="font-bold">{{
-                                stats.followingCount
-                            }}</span>
-                            <span
-                                [matTooltip]="
-                                    'Total contact: ' + stats.totalContacts
-                                "
-                                class="text-secondary text-sm font-medium"
-                            >
-                                FOLLOWING
-                            </span>
-                        </div>
-                    </ng-container>
-                </div>
-
-                <ng-template #otherUserStats>
-                    <div
-                        class="mt-6 flex flex-shrink-0 items-center space-x-6 lg:mt-0"
-                    >
-                        <div class="flex flex-col items-center">
-                            <span
-                                [matTooltip]="'Total contact: ' + totalContacts"
-                                class="font-bold"
-                            >
-                                {{ followersCount }}
-                            </span>
-                            <span class="text-secondary text-sm font-medium"
-                                >FOLLOWERS</span
-                            >
-                        </div>
-
-                        <div class="flex flex-col items-center">
-                            <span class="font-bold">{{ followingCount }}</span>
-                            <span
-                                [matTooltip]="'Total contact: ' + totalContacts"
-                                class="text-secondary text-sm font-medium"
-                            >
-                                FOLLOWING
-                            </span>
-                        </div>
-                    </div>
-                </ng-template>
-
-                <!-- Separator -->
-                <div
-                    class="mx-8 hidden h-8 flex-shrink-0 border-l-2 lg:flex"
-                ></div>
 
                 <!-- Tools -->
                 <div
                     class="mb-4 mt-8 flex flex-shrink-0 items-center space-x-6 lg:m-0 lg:ml-auto"
                 >
-                    <div *ngIf="!isCurrentUserProfile">
-                        <button
-                            mat-icon-button
-                            (click)="toggleFollow()"
-                            [matTooltip]="isFollowing ? 'Unfollow' : 'Follow'"
-                        >
-                            <mat-icon
-                                [svgIcon]="
-                                    isFollowing
-                                        ? 'heroicons_outline:user-minus'
-                                        : 'heroicons_outline:user-plus'
-                                "
-                            >
+
+                     <div
+                        class="flex h-10 w-10 items-center justify-center rounded-full border bg-white shadow-md">
+                        <button mat-icon-button  >
+                            <mat-icon class="icon-size-5" [svgIcon]="'heroicons_outline:chat-bubble-left-right'"></mat-icon>
+                        </button>
+                    </div>
+                    <div
+                        class="flex h-10 w-10 items-center justify-center rounded-full border bg-white shadow-md">
+                        <button mat-icon-button  >
+                            <mat-icon class="icon-size-5"
+                                      [svgIcon]="'heroicons_solid:bookmark'">
                             </mat-icon>
                         </button>
                     </div>
+
                     <div>
                         <button
                             mat-icon-button
@@ -508,7 +441,7 @@
                             eventInput.nativeElement.value
                         );
                         trackBy: trackByFn
-                        
+
                     "
                     class="inline-block whitespace-pre-wrap break-words"
                 >
diff --git a/src/app/components/profile/profile.component.ts b/src/app/components/profile/profile.component.ts
index 365cdd3..d785628 100644
--- a/src/app/components/profile/profile.component.ts
+++ b/src/app/components/profile/profile.component.ts
@@ -30,7 +30,6 @@ import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { PickerComponent } from '@ctrl/ngx-emoji-mart';
 import { EventService } from 'app/services/event.service';
 import { SignerService } from 'app/services/signer.service';
-import { SocialService } from 'app/services/social.service';
 import { ContactEvent, StorageService } from 'app/services/storage.service';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import { Filter, NostrEvent } from 'nostr-tools';
@@ -141,7 +140,6 @@ export class ProfileComponent implements OnInit, OnDestroy {
         private _sanitizer: DomSanitizer,
         private _route: ActivatedRoute,
         private _router: Router,
-        private _socialService: SocialService,
         private _snackBar: MatSnackBar,
         private _dialog: MatDialog,
         private _angorConfigService: AngorConfigService,
@@ -170,6 +168,17 @@ export class ProfileComponent implements OnInit, OnDestroy {
         });
     }
 
+
+    private checkIfRoutePubKeyIsFollowing(): void {
+        if (!this.routePubKey || !this.followersList) {
+            this.isFollowing = false;
+            return;
+        }
+
+        this.isFollowing = this.followersList.some(follower => follower.pubkey === this.routePubKey);
+    }
+
+
     private processRouteParams(): void {
         this._route.paramMap.subscribe((params) => {
             const routeKey = params.get('pubkey') || '';
@@ -198,8 +207,7 @@ export class ProfileComponent implements OnInit, OnDestroy {
 
     private loadUserProfileData(pubKey: string): void {
         this.loadUserProfile(pubKey);
-        this.stats$ = this._storageService.getContactStats$(pubKey);
-    }
+     }
 
     private isValidHexPubkey(pubkey: string): boolean {
         const hexPattern = /^[a-fA-F0-9]{64}$/;
@@ -242,7 +250,7 @@ export class ProfileComponent implements OnInit, OnDestroy {
             this.loading = false;
         }
 
-        this._changeDetectorRef.detectChanges();
+        this.refreshUI();
     }
 
 
@@ -268,7 +276,7 @@ export class ProfileComponent implements OnInit, OnDestroy {
                     if (newPost.pubkey === this.routePubKey) {
                         this.posts.unshift(newPost);
                         this.posts.sort((a, b) => b.created_at - a.created_at);
-                        this._changeDetectorRef.detectChanges();
+                        this.refreshUI();
                     }
                 }
             });
@@ -312,12 +320,12 @@ export class ProfileComponent implements OnInit, OnDestroy {
         this.errorMessage = null;
         this.profileUser = null;
 
-        this._changeDetectorRef.detectChanges();
+        this.refreshUI();
 
         if (!publicKey) {
             this.errorMessage = 'No public key found. Please log in again.';
             this.isLoading = false;
-            this._changeDetectorRef.detectChanges();
+            this.refreshUI();
             return;
         }
         try {
@@ -325,7 +333,7 @@ export class ProfileComponent implements OnInit, OnDestroy {
             const cachedMetadata = await this._storageService.getProfile(publicKey);
             if (cachedMetadata) {
                 this.profileUser = cachedMetadata;
-                this._changeDetectorRef.detectChanges();
+                this.refreshUI();
             }
 
             this.subscribeToUserProfileAndContacts(publicKey);
@@ -386,52 +394,27 @@ export class ProfileComponent implements OnInit, OnDestroy {
         };
 
         if (isFollower) {
-            // Add to followers list
             this.followersList.push(contactEvent);
             this.followersCount++;
             this.totalContacts++;
-            this._changeDetectorRef.detectChanges();
-
         } else {
-            // Add to following list
             this.followingList.push(contactEvent);
             this.followingCount++;
             this.totalContacts++;
-            this._changeDetectorRef.detectChanges();
-
-
         }
-    }
 
+        this.checkIfRoutePubKeyIsFollowing();
+        this.refreshUI();
+    }
 
 
     getSafeUrl(url: string): SafeUrl {
         return this._sanitizer.bypassSecurityTrustUrl(url);
     }
 
-    async toggleFollow(): Promise<void> {
-        try {
-            const userPubKey = this._signerService.getPublicKey();
-            const routePubKey = this.routePubKey || this.currentUserPubKey;
 
-            if (!routePubKey || !userPubKey) {
-                console.error('Public key missing. Unable to toggle follow.');
-                return;
-            }
-
-            if (this.isFollowing) {
-                await this._socialService.unfollow(routePubKey);
-
-            } else {
-                await this._socialService.follow(routePubKey);
-            }
-
-            this.isFollowing = !this.isFollowing;
-
-            this._changeDetectorRef.detectChanges();
-        } catch (error) {
-            console.error('Failed to toggle follow:', error);
-        }
+    private refreshUI(): void {
+        this._changeDetectorRef.detectChanges();
     }
 
     openSnackBar(message: string, action: string = 'dismiss'): void {
diff --git a/src/app/components/widgets/call-to-action/call-to-action.component.html b/src/app/components/widgets/call-to-action/call-to-action.component.html
new file mode 100644
index 0000000..e72b12c
--- /dev/null
+++ b/src/app/components/widgets/call-to-action/call-to-action.component.html
@@ -0,0 +1 @@
+<p>call-to-action works!</p>
diff --git a/src/app/components/widgets/call-to-action/call-to-action.component.scss b/src/app/components/widgets/call-to-action/call-to-action.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/call-to-action/call-to-action.component.spec.ts b/src/app/components/widgets/call-to-action/call-to-action.component.spec.ts
new file mode 100644
index 0000000..33d0d63
--- /dev/null
+++ b/src/app/components/widgets/call-to-action/call-to-action.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CallToActionComponent } from './call-to-action.component';
+
+describe('CallToActionComponent', () => {
+  let component: CallToActionComponent;
+  let fixture: ComponentFixture<CallToActionComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CallToActionComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CallToActionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/call-to-action/call-to-action.component.ts b/src/app/components/widgets/call-to-action/call-to-action.component.ts
new file mode 100644
index 0000000..1d180f2
--- /dev/null
+++ b/src/app/components/widgets/call-to-action/call-to-action.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-call-to-action',
+  imports: [],
+  templateUrl: './call-to-action.component.html',
+  styleUrl: './call-to-action.component.scss'
+})
+export class CallToActionComponent {
+
+}
diff --git a/src/app/components/widgets/downloadbox/downloadbox.component.html b/src/app/components/widgets/downloadbox/downloadbox.component.html
new file mode 100644
index 0000000..cf4897b
--- /dev/null
+++ b/src/app/components/widgets/downloadbox/downloadbox.component.html
@@ -0,0 +1 @@
+<p>downloadbox works!</p>
diff --git a/src/app/components/widgets/downloadbox/downloadbox.component.scss b/src/app/components/widgets/downloadbox/downloadbox.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/downloadbox/downloadbox.component.spec.ts b/src/app/components/widgets/downloadbox/downloadbox.component.spec.ts
new file mode 100644
index 0000000..5bcea4b
--- /dev/null
+++ b/src/app/components/widgets/downloadbox/downloadbox.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DownloadboxComponent } from './downloadbox.component';
+
+describe('DownloadboxComponent', () => {
+  let component: DownloadboxComponent;
+  let fixture: ComponentFixture<DownloadboxComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [DownloadboxComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(DownloadboxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/downloadbox/downloadbox.component.ts b/src/app/components/widgets/downloadbox/downloadbox.component.ts
new file mode 100644
index 0000000..0bbf6f8
--- /dev/null
+++ b/src/app/components/widgets/downloadbox/downloadbox.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-downloadbox',
+  imports: [],
+  templateUrl: './downloadbox.component.html',
+  styleUrl: './downloadbox.component.scss'
+})
+export class DownloadboxComponent {
+
+}
diff --git a/src/app/components/widgets/image-gallery/image-gallery.component.html b/src/app/components/widgets/image-gallery/image-gallery.component.html
new file mode 100644
index 0000000..dbe6ad4
--- /dev/null
+++ b/src/app/components/widgets/image-gallery/image-gallery.component.html
@@ -0,0 +1 @@
+<p>image-gallery works!</p>
diff --git a/src/app/components/widgets/image-gallery/image-gallery.component.scss b/src/app/components/widgets/image-gallery/image-gallery.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/image-gallery/image-gallery.component.spec.ts b/src/app/components/widgets/image-gallery/image-gallery.component.spec.ts
new file mode 100644
index 0000000..6c3d71c
--- /dev/null
+++ b/src/app/components/widgets/image-gallery/image-gallery.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ImageGalleryComponent } from './image-gallery.component';
+
+describe('ImageGalleryComponent', () => {
+  let component: ImageGalleryComponent;
+  let fixture: ComponentFixture<ImageGalleryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ImageGalleryComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ImageGalleryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/image-gallery/image-gallery.component.ts b/src/app/components/widgets/image-gallery/image-gallery.component.ts
new file mode 100644
index 0000000..7c4b948
--- /dev/null
+++ b/src/app/components/widgets/image-gallery/image-gallery.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-image-gallery',
+  imports: [],
+  templateUrl: './image-gallery.component.html',
+  styleUrl: './image-gallery.component.scss'
+})
+export class ImageGalleryComponent {
+
+}
diff --git a/src/app/components/widgets/investors-box/investors-box.component.html b/src/app/components/widgets/investors-box/investors-box.component.html
new file mode 100644
index 0000000..244036e
--- /dev/null
+++ b/src/app/components/widgets/investors-box/investors-box.component.html
@@ -0,0 +1 @@
+<p>investors-box works!</p>
diff --git a/src/app/components/widgets/investors-box/investors-box.component.scss b/src/app/components/widgets/investors-box/investors-box.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/investors-box/investors-box.component.spec.ts b/src/app/components/widgets/investors-box/investors-box.component.spec.ts
new file mode 100644
index 0000000..4b31bc0
--- /dev/null
+++ b/src/app/components/widgets/investors-box/investors-box.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InvestorsBoxComponent } from './investors-box.component';
+
+describe('InvestorsBoxComponent', () => {
+  let component: InvestorsBoxComponent;
+  let fixture: ComponentFixture<InvestorsBoxComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [InvestorsBoxComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(InvestorsBoxComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/investors-box/investors-box.component.ts b/src/app/components/widgets/investors-box/investors-box.component.ts
new file mode 100644
index 0000000..a69a8b9
--- /dev/null
+++ b/src/app/components/widgets/investors-box/investors-box.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-investors-box',
+  imports: [],
+  templateUrl: './investors-box.component.html',
+  styleUrl: './investors-box.component.scss'
+})
+export class InvestorsBoxComponent {
+
+}
diff --git a/src/app/components/widgets/slide-show/slide-show.component.html b/src/app/components/widgets/slide-show/slide-show.component.html
new file mode 100644
index 0000000..6f24048
--- /dev/null
+++ b/src/app/components/widgets/slide-show/slide-show.component.html
@@ -0,0 +1 @@
+<p>slide-show works!</p>
diff --git a/src/app/components/widgets/slide-show/slide-show.component.scss b/src/app/components/widgets/slide-show/slide-show.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/slide-show/slide-show.component.spec.ts b/src/app/components/widgets/slide-show/slide-show.component.spec.ts
new file mode 100644
index 0000000..ea44446
--- /dev/null
+++ b/src/app/components/widgets/slide-show/slide-show.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SlideShowComponent } from './slide-show.component';
+
+describe('SlideShowComponent', () => {
+  let component: SlideShowComponent;
+  let fixture: ComponentFixture<SlideShowComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SlideShowComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SlideShowComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/slide-show/slide-show.component.ts b/src/app/components/widgets/slide-show/slide-show.component.ts
new file mode 100644
index 0000000..2b32677
--- /dev/null
+++ b/src/app/components/widgets/slide-show/slide-show.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-slide-show',
+  imports: [],
+  templateUrl: './slide-show.component.html',
+  styleUrl: './slide-show.component.scss'
+})
+export class SlideShowComponent {
+
+}
diff --git a/src/app/components/widgets/social-media-links/social-media-links.component.html b/src/app/components/widgets/social-media-links/social-media-links.component.html
new file mode 100644
index 0000000..eac6ef6
--- /dev/null
+++ b/src/app/components/widgets/social-media-links/social-media-links.component.html
@@ -0,0 +1 @@
+<p>social-media-links works!</p>
diff --git a/src/app/components/widgets/social-media-links/social-media-links.component.scss b/src/app/components/widgets/social-media-links/social-media-links.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/social-media-links/social-media-links.component.spec.ts b/src/app/components/widgets/social-media-links/social-media-links.component.spec.ts
new file mode 100644
index 0000000..1b27d7b
--- /dev/null
+++ b/src/app/components/widgets/social-media-links/social-media-links.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SocialMediaLinksComponent } from './social-media-links.component';
+
+describe('SocialMediaLinksComponent', () => {
+  let component: SocialMediaLinksComponent;
+  let fixture: ComponentFixture<SocialMediaLinksComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SocialMediaLinksComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SocialMediaLinksComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/social-media-links/social-media-links.component.ts b/src/app/components/widgets/social-media-links/social-media-links.component.ts
new file mode 100644
index 0000000..eed54d1
--- /dev/null
+++ b/src/app/components/widgets/social-media-links/social-media-links.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-social-media-links',
+  imports: [],
+  templateUrl: './social-media-links.component.html',
+  styleUrl: './social-media-links.component.scss'
+})
+export class SocialMediaLinksComponent {
+
+}
diff --git a/src/app/components/widgets/team-members/team-members.component.html b/src/app/components/widgets/team-members/team-members.component.html
new file mode 100644
index 0000000..94d7429
--- /dev/null
+++ b/src/app/components/widgets/team-members/team-members.component.html
@@ -0,0 +1 @@
+<p>team-members works!</p>
diff --git a/src/app/components/widgets/team-members/team-members.component.scss b/src/app/components/widgets/team-members/team-members.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/team-members/team-members.component.spec.ts b/src/app/components/widgets/team-members/team-members.component.spec.ts
new file mode 100644
index 0000000..9716e91
--- /dev/null
+++ b/src/app/components/widgets/team-members/team-members.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TeamMembersComponent } from './team-members.component';
+
+describe('TeamMembersComponent', () => {
+  let component: TeamMembersComponent;
+  let fixture: ComponentFixture<TeamMembersComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [TeamMembersComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(TeamMembersComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/team-members/team-members.component.ts b/src/app/components/widgets/team-members/team-members.component.ts
new file mode 100644
index 0000000..db8adbd
--- /dev/null
+++ b/src/app/components/widgets/team-members/team-members.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-team-members',
+  imports: [],
+  templateUrl: './team-members.component.html',
+  styleUrl: './team-members.component.scss'
+})
+export class TeamMembersComponent {
+
+}
diff --git a/src/app/components/widgets/useful-links/useful-links.component.html b/src/app/components/widgets/useful-links/useful-links.component.html
new file mode 100644
index 0000000..fa94a2e
--- /dev/null
+++ b/src/app/components/widgets/useful-links/useful-links.component.html
@@ -0,0 +1 @@
+<p>useful-links works!</p>
diff --git a/src/app/components/widgets/useful-links/useful-links.component.scss b/src/app/components/widgets/useful-links/useful-links.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/useful-links/useful-links.component.spec.ts b/src/app/components/widgets/useful-links/useful-links.component.spec.ts
new file mode 100644
index 0000000..f5782ba
--- /dev/null
+++ b/src/app/components/widgets/useful-links/useful-links.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UsefulLinksComponent } from './useful-links.component';
+
+describe('UsefulLinksComponent', () => {
+  let component: UsefulLinksComponent;
+  let fixture: ComponentFixture<UsefulLinksComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UsefulLinksComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(UsefulLinksComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/useful-links/useful-links.component.ts b/src/app/components/widgets/useful-links/useful-links.component.ts
new file mode 100644
index 0000000..2c18517
--- /dev/null
+++ b/src/app/components/widgets/useful-links/useful-links.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-useful-links',
+  imports: [],
+  templateUrl: './useful-links.component.html',
+  styleUrl: './useful-links.component.scss'
+})
+export class UsefulLinksComponent {
+
+}
diff --git a/src/app/components/widgets/zap/zap.component.html b/src/app/components/widgets/zap/zap.component.html
new file mode 100644
index 0000000..c58550a
--- /dev/null
+++ b/src/app/components/widgets/zap/zap.component.html
@@ -0,0 +1 @@
+<p>zap works!</p>
diff --git a/src/app/components/widgets/zap/zap.component.scss b/src/app/components/widgets/zap/zap.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/widgets/zap/zap.component.spec.ts b/src/app/components/widgets/zap/zap.component.spec.ts
new file mode 100644
index 0000000..e6cd188
--- /dev/null
+++ b/src/app/components/widgets/zap/zap.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ZapComponent } from './zap.component';
+
+describe('ZapComponent', () => {
+  let component: ZapComponent;
+  let fixture: ComponentFixture<ZapComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ZapComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ZapComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/widgets/zap/zap.component.ts b/src/app/components/widgets/zap/zap.component.ts
new file mode 100644
index 0000000..ed4d821
--- /dev/null
+++ b/src/app/components/widgets/zap/zap.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-zap',
+  imports: [],
+  templateUrl: './zap.component.html',
+  styleUrl: './zap.component.scss'
+})
+export class ZapComponent {
+
+}
diff --git a/src/app/services/social.service.ts b/src/app/services/social.service.ts
deleted file mode 100644
index 2e78127..0000000
--- a/src/app/services/social.service.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { Injectable } from '@angular/core';
-import { Event, Filter, NostrEvent, UnsignedEvent } from 'nostr-tools';
-import { Observable, Subject } from 'rxjs';
-import { RelayService } from './relay.service';
-import { SignerService } from './signer.service';
-import { QueueService } from './queue-service.service';
-
-
-@Injectable({
-    providedIn: 'root',
-})
-export class SocialService {
-    private followersSubject = new Subject<NostrEvent>();
-    private followingSubject = new Subject<NostrEvent>();
-
-    constructor(
-        private relayService: RelayService,
-        private signerService: SignerService,
-        private queueService: QueueService
-
-    ) {}
-
-    getFollowersObservable(): Observable<NostrEvent> {
-        return this.followersSubject.asObservable();
-    }
-
-    getFollowingObservable(): Observable<NostrEvent> {
-        return this.followingSubject.asObservable();
-    }
-
-    // Fetch followers
-    async getFollowers(pubkey: string): Promise<any[]> {
-        const filters: Filter[] = [{ kinds: [3], '#p': [pubkey] }];
-        const followers: any[] = [];
-
-        return new Promise((resolve, reject) => {
-            const eventObservable = this.queueService.addRequestToQueue(filters);
-            eventObservable.subscribe({
-                next: (event: NostrEvent) => {
-                    followers.push(event);
-                    this.followersSubject.next(event);
-                },
-                error: (err) => {
-                    console.error('Error fetching followers:', err);
-                    reject(err);
-                },
-                complete: () => {
-                    resolve(followers);
-                }
-            });
-        });
-    }
-
-    // Fetch who the user is following
-    async getFollowing(pubkey: string): Promise<any[]> {
-        const filters: Filter[] = [{ kinds: [3], authors: [pubkey] }];
-        const following: any[] = [];
-
-        return new Promise((resolve, reject) => {
-            const eventObservable = this.queueService.addRequestToQueue(filters);
-            eventObservable.subscribe({
-                next: (event: NostrEvent) => {
-                    const tags = event.tags.filter((tag) => tag[0] === 'p');
-                    tags.forEach((tag) => {
-                        following.push(tag[1]);
-                        this.followingSubject.next(event);
-                    });
-                },
-                error: (err) => {
-                    console.error('Error fetching following:', err);
-                    reject(err);
-                },
-                complete: () => {
-                    resolve(following);
-                }
-            });
-        });
-    }
-
-    // Follow a user
-    async follow(pubkeyToFollow: string): Promise<void> {
-        const currentFollowing = this.getFollowingList();
-        if (currentFollowing.includes(pubkeyToFollow)) {
-            console.log(`Already following ${pubkeyToFollow}`);
-            return;
-        }
-
-        // Add the user to the following list
-        const newFollowingList = [...currentFollowing, pubkeyToFollow];
-        this.setFollowingList(newFollowingList);
-
-        const unsignedEvent: UnsignedEvent = this.signerService.getUnsignedEvent(
-            3,
-            newFollowingList.map((f) => ['p', f]),
-            ''
-        );
-
-        // Sign and publish the follow event
-        await this.publishSignedEvent(unsignedEvent);
-        console.log(`Now following ${pubkeyToFollow}`);
-    }
-
-    // Unfollow a user
-    async unfollow(pubkeyToUnfollow: string): Promise<void> {
-        const currentFollowing = this.getFollowingList();
-        if (!currentFollowing.includes(pubkeyToUnfollow)) {
-            console.log(`Not following ${pubkeyToUnfollow}`);
-            return;
-        }
-
-        // Remove the user from the following list
-        const updatedFollowingList = currentFollowing.filter(
-            (pubkey) => pubkey !== pubkeyToUnfollow
-        );
-        this.setFollowingList(updatedFollowingList);
-
-        const unsignedEvent: UnsignedEvent = this.signerService.getUnsignedEvent(
-            3,
-            updatedFollowingList.map((f) => ['p', f]),
-            ''
-        );
-
-        // Sign and publish the unfollow event
-        await this.publishSignedEvent(unsignedEvent);
-        console.log(`Unfollowed ${pubkeyToUnfollow}`);
-    }
-
-    private async publishSignedEvent(unsignedEvent: UnsignedEvent): Promise<void> {
-        const isUsingExtension = await this.signerService.isUsingExtension();
-        let signedEvent: Event;
-
-        if (isUsingExtension) {
-            signedEvent = await this.signerService.signEventWithExtension(unsignedEvent);
-        } else {
-            const secretKey = await this.signerService.getDecryptedSecretKey();
-            if (!secretKey) {
-                throw new Error('Secret key is missing. Unable to sign event.');
-            }
-            signedEvent = this.signerService.getSignedEvent(unsignedEvent, secretKey);
-        }
-
-        this.relayService.publishEventToWriteRelays(signedEvent);
-    }
-
-    // Retrieve following list as tags for publishing follow/unfollow events
-    getFollowingListAsTags(): string[][] {
-        const following = this.getFollowingList();
-        const tags: string[][] = [];
-
-        const relays = this.relayService.getConnectedRelays();
-
-        following.forEach((f) => {
-            relays.forEach((relay) => {
-                tags.push(['p', f, relay, localStorage.getItem(`${f}`) || '']);
-            });
-        });
-
-        return tags;
-    }
-
-    setFollowingListFromTags(tags: string[][]): void {
-        const following: string[] = [];
-        tags.forEach((t) => {
-            following.push(t[1]);
-        });
-        this.setFollowingList(following);
-    }
-
-    setFollowingList(following: string[]): void {
-        const followingSet = Array.from(new Set(following));
-        const newFollowingList = followingSet.filter((s) => s).join(',');
-        localStorage.setItem('following', newFollowingList);
-    }
-
-    getFollowingList(): string[] {
-        const followingRaw = localStorage.getItem('following');
-        if (followingRaw === null || followingRaw === '') {
-            return [];
-        }
-        const following = followingRaw.split(',');
-        return following.filter((value) => /[a-f0-9]{64}/.test(value));
-    }
-}
diff --git a/src/app/services/state.service.ts b/src/app/services/state.service.ts
index 19aceff..eb77635 100644
--- a/src/app/services/state.service.ts
+++ b/src/app/services/state.service.ts
@@ -22,7 +22,7 @@ export class StateService {
         }
 
         await this.subscribeToUserProfile(pubkey);
-        await this.subscribeToUserContacts(pubkey);
+        // await this.subscribeToUserContacts(pubkey);
         await this.subscribeToUserChats(pubkey);
         await this.subscribeToUserPosts(pubkey);
         await this.subscribeToMyLikes(pubkey);
@@ -47,40 +47,40 @@ export class StateService {
         });
     }
 
-    private async subscribeToUserContacts(pubkey: string): Promise<void> {
+    // private async subscribeToUserContacts(pubkey: string): Promise<void> {
 
-        const contactsLastUpdate = await this.storageService.getLastUpdateDate('contacts');
+    //     const contactsLastUpdate = await this.storageService.getLastUpdateDate('contacts');
 
-        const contactsFilter: Filter[] = [
-            {
-                kinds: [Contacts],
-                authors: [pubkey],
-            },
-            {
-                kinds: [Contacts],
-                '#p': [pubkey],
-            },
-        ];
+    //     const contactsFilter: Filter[] = [
+    //         {
+    //             kinds: [Contacts],
+    //             authors: [pubkey],
+    //         },
+    //         {
+    //             kinds: [Contacts],
+    //             '#p': [pubkey],
+    //         },
+    //     ];
 
-        if (contactsLastUpdate) {
-            const lastUpdateTimestamp = parseInt(contactsLastUpdate, 10);
-            contactsFilter.forEach(filter => filter.since = lastUpdateTimestamp);
-        }
+    //     if (contactsLastUpdate) {
+    //         const lastUpdateTimestamp = parseInt(contactsLastUpdate, 10);
+    //         contactsFilter.forEach(filter => filter.since = lastUpdateTimestamp);
+    //     }
 
-        this.subscriptionService.addSubscriptions(contactsFilter, (event: NostrEvent) => {
-            const isFollower = event.pubkey === pubkey;
+    //     this.subscriptionService.addSubscriptions(contactsFilter, (event: NostrEvent) => {
+    //         const isFollower = event.pubkey === pubkey;
 
-            const contactEvent: ContactEvent = {
-                id: event.id,
-                pubkey: event.pubkey,
-                created_at: event.created_at,
-                tags: event.tags,
-                isFollower,
-            };
+    //         const contactEvent: ContactEvent = {
+    //             id: event.id,
+    //             pubkey: event.pubkey,
+    //             created_at: event.created_at,
+    //             tags: event.tags,
+    //             isFollower,
+    //         };
 
-            this.storageService.saveContacts(pubkey, [contactEvent]);
-        });
-    }
+    //         this.storageService.saveContacts(pubkey, [contactEvent]);
+    //     });
+    // }
 
 
     private async subscribeToUserChats(pubkey: string): Promise<void> {
diff --git a/src/app/services/storage.service.ts b/src/app/services/storage.service.ts
index b9d97ca..c45bc43 100644
--- a/src/app/services/storage.service.ts
+++ b/src/app/services/storage.service.ts
@@ -61,12 +61,12 @@ export class StorageService {
 
         this.loadAllProjectsFromDB();
         this.loadAllProjectStatsFromDB();
-        this.loadAllContactsFromDB();
+        //this.loadAllContactsFromDB();
         this.loadAllChatEventsFromDB();
         this.loadAllMyLikesFromDB();
         this.loadAllNotificationsFromDB();
         this.loadContactStatsFromDB();
-        this.calculateAndStoreAllContactStats();
+        //this.calculateAndStoreAllContactStats();
     }
 
     private createStore(storeName: string): LocalForage {
@@ -121,181 +121,181 @@ export class StorageService {
 
     // --------------------- Contacts Methods ---------------------
 
-    async saveContacts(pubKey: string, contacts: ContactEvent[]): Promise<void> {
-        try {
-            const savedContacts: ContactEvent[] = [];
-            for (const contact of contacts) {
-                const key = `${pubKey}:${contact.id}`;
-                await this.contactsStore.setItem(key, contact);
-                savedContacts.push(contact);
-            }
-            this.contactsSubject.next({ pubKey, contacts: savedContacts });
+    // async saveContacts(pubKey: string, contacts: ContactEvent[]): Promise<void> {
+    //     try {
+    //         const savedContacts: ContactEvent[] = [];
+    //         for (const contact of contacts) {
+    //             const key = `${pubKey}:${contact.id}`;
+    //             await this.contactsStore.setItem(key, contact);
+    //             savedContacts.push(contact);
+    //         }
+    //         this.contactsSubject.next({ pubKey, contacts: savedContacts });
 
-            await this.calculateAndStoreAllContactStats();
+    //         await this.calculateAndStoreAllContactStats();
 
-            await this.setUpdateHistory('contacts');
-        } catch (error) {
-            console.error('Error saving contacts:', error);
-        }
-    }
+    //         await this.setUpdateHistory('contacts');
+    //     } catch (error) {
+    //         console.error('Error saving contacts:', error);
+    //     }
+    // }
 
 
-    private contactStatsMap: { [pubKey: string]: BehaviorSubject<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }> } = {};
+    // private contactStatsMap: { [pubKey: string]: BehaviorSubject<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }> } = {};
 
-    private async calculateAndStoreAllContactStats(): Promise<void> {
-        try {
-            const statsMap: { [pubKey: string]: { totalContacts: number, followersCount: number, followingCount: number } } = {};
+    // private async calculateAndStoreAllContactStats(): Promise<void> {
+    //     try {
+    //         const statsMap: { [pubKey: string]: { totalContacts: number, followersCount: number, followingCount: number } } = {};
 
-            await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
-                const [storedPubKey] = key.split(':');
-                if (!statsMap[storedPubKey]) {
-                    statsMap[storedPubKey] = { totalContacts: 0, followersCount: 0, followingCount: 0 };
-                }
-                statsMap[storedPubKey].totalContacts++;
-                if (contact.isFollower) {
-                    statsMap[storedPubKey].followersCount++;
-                } else {
-                    statsMap[storedPubKey].followingCount++;
-                }
-            });
+    //         await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
+    //             const [storedPubKey] = key.split(':');
+    //             if (!statsMap[storedPubKey]) {
+    //                 statsMap[storedPubKey] = { totalContacts: 0, followersCount: 0, followingCount: 0 };
+    //             }
+    //             statsMap[storedPubKey].totalContacts++;
+    //             if (contact.isFollower) {
+    //                 statsMap[storedPubKey].followersCount++;
+    //             } else {
+    //                 statsMap[storedPubKey].followingCount++;
+    //             }
+    //         });
 
-            for (const pubKey in statsMap) {
-                if (!this.contactStatsMap[pubKey]) {
-                    this.contactStatsMap[pubKey] = new BehaviorSubject<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }>({
-                        pubKey,
-                        totalContacts: 0,
-                        followersCount: 0,
-                        followingCount: 0,
-                    });
-                }
-                this.contactStatsMap[pubKey].next({
-                    pubKey,
-                    totalContacts: statsMap[pubKey].totalContacts,
-                    followersCount: statsMap[pubKey].followersCount,
-                    followingCount: statsMap[pubKey].followingCount,
-                });
-            }
-        } catch (error) {
-            console.error('Error calculating and storing contact stats:', error);
-        }
-    }
+    //         for (const pubKey in statsMap) {
+    //             if (!this.contactStatsMap[pubKey]) {
+    //                 this.contactStatsMap[pubKey] = new BehaviorSubject<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }>({
+    //                     pubKey,
+    //                     totalContacts: 0,
+    //                     followersCount: 0,
+    //                     followingCount: 0,
+    //                 });
+    //             }
+    //             this.contactStatsMap[pubKey].next({
+    //                 pubKey,
+    //                 totalContacts: statsMap[pubKey].totalContacts,
+    //                 followersCount: statsMap[pubKey].followersCount,
+    //                 followingCount: statsMap[pubKey].followingCount,
+    //             });
+    //         }
+    //     } catch (error) {
+    //         console.error('Error calculating and storing contact stats:', error);
+    //     }
+    // }
 
 
-    getContactStats$(pubKey: string): Observable<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }> {
-        if (!this.contactStatsMap[pubKey]) {
-            this.contactStatsMap[pubKey] = new BehaviorSubject<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }>({
-                pubKey,
-                totalContacts: 0,
-                followersCount: 0,
-                followingCount: 0,
-            });
+    // getContactStats$(pubKey: string): Observable<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }> {
+    //     if (!this.contactStatsMap[pubKey]) {
+    //         this.contactStatsMap[pubKey] = new BehaviorSubject<{ pubKey: string, totalContacts: number, followersCount: number, followingCount: number }>({
+    //             pubKey,
+    //             totalContacts: 0,
+    //             followersCount: 0,
+    //             followingCount: 0,
+    //         });
 
-            this.calculateAndStoreAllContactStats();
-        }
-        return this.contactStatsMap[pubKey].asObservable();
-    }
+    //         this.calculateAndStoreAllContactStats();
+    //     }
+    //     return this.contactStatsMap[pubKey].asObservable();
+    // }
 
 
 
 
-    async getAllContactsPaginated(pubKey: string, page: number, pageSize: number): Promise<{ contacts: ContactEvent[], totalCount: number }> {
-        try {
-            const allContacts: ContactEvent[] = [];
-            await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
-                const [storedPubKey] = key.split(':');
-                if (storedPubKey === pubKey) {
-                    allContacts.push(contact);
-                }
-            });
+    // async getAllContactsPaginated(pubKey: string, page: number, pageSize: number): Promise<{ contacts: ContactEvent[], totalCount: number }> {
+    //     try {
+    //         const allContacts: ContactEvent[] = [];
+    //         await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
+    //             const [storedPubKey] = key.split(':');
+    //             if (storedPubKey === pubKey) {
+    //                 allContacts.push(contact);
+    //             }
+    //         });
 
-            const totalCount = allContacts.length;
-            const start = (page - 1) * pageSize;
-            const end = start + pageSize;
+    //         const totalCount = allContacts.length;
+    //         const start = (page - 1) * pageSize;
+    //         const end = start + pageSize;
 
-            return {
-                contacts: allContacts.slice(start, end),
-                totalCount,
-            };
-        } catch (error) {
-            console.error('Error retrieving paginated contacts for pubKey:', error);
-            return { contacts: [], totalCount: 0 };
-        }
-    }
+    //         return {
+    //             contacts: allContacts.slice(start, end),
+    //             totalCount,
+    //         };
+    //     } catch (error) {
+    //         console.error('Error retrieving paginated contacts for pubKey:', error);
+    //         return { contacts: [], totalCount: 0 };
+    //     }
+    // }
 
-    async getAllContacts(pubKey: string = ""): Promise<{ pubKey: string, contact: ContactEvent }[]> {
-        try {
-            const allContacts: { pubKey: string, contact: ContactEvent }[] = [];
-            await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
-                const [storedPubKey, contactId] = key.split(':');
+    // async getAllContacts(pubKey: string = ""): Promise<{ pubKey: string, contact: ContactEvent }[]> {
+    //     try {
+    //         const allContacts: { pubKey: string, contact: ContactEvent }[] = [];
+    //         await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
+    //             const [storedPubKey, contactId] = key.split(':');
 
-                if (pubKey === "" || storedPubKey === pubKey) {
-                    allContacts.push({ pubKey: storedPubKey, contact });
-                }
-            });
+    //             if (pubKey === "" || storedPubKey === pubKey) {
+    //                 allContacts.push({ pubKey: storedPubKey, contact });
+    //             }
+    //         });
 
-            return allContacts;
-        } catch (error) {
-            console.error('Error retrieving contacts:', error);
-            return [];
-        }
-    }
+    //         return allContacts;
+    //     } catch (error) {
+    //         console.error('Error retrieving contacts:', error);
+    //         return [];
+    //     }
+    // }
 
-    async getContactStats(pubKey: string): Promise<{ totalContacts: number, followersCount: number, followingCount: number }> {
-        try {
-            let totalContacts = 0;
-            let followersCount = 0;
-            let followingCount = 0;
+    // async getContactStats(pubKey: string): Promise<{ totalContacts: number, followersCount: number, followingCount: number }> {
+    //     try {
+    //         let totalContacts = 0;
+    //         let followersCount = 0;
+    //         let followingCount = 0;
 
-            await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
-                const [storedPubKey, contactId] = key.split(':');
+    //         await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
+    //             const [storedPubKey, contactId] = key.split(':');
 
-                if (storedPubKey === pubKey) {
-                    totalContacts++;
+    //             if (storedPubKey === pubKey) {
+    //                 totalContacts++;
 
-                    if (contact.isFollower) {
-                        followersCount++;
-                    } else {
-                        followingCount++;
-                    }
-                }
-            });
+    //                 if (contact.isFollower) {
+    //                     followersCount++;
+    //                 } else {
+    //                     followingCount++;
+    //                 }
+    //             }
+    //         });
 
-            return {
-                totalContacts,
-                followersCount,
-                followingCount,
-            };
-        } catch (error) {
-            console.error('Error retrieving contact stats for pubKey:', error);
-            return { totalContacts: 0, followersCount: 0, followingCount: 0 };
-        }
-    }
+    //         return {
+    //             totalContacts,
+    //             followersCount,
+    //             followingCount,
+    //         };
+    //     } catch (error) {
+    //         console.error('Error retrieving contact stats for pubKey:', error);
+    //         return { totalContacts: 0, followersCount: 0, followingCount: 0 };
+    //     }
+    // }
 
 
-    async removeAllContacts(pubKey: string): Promise<void> {
-        try {
-            const keysToRemove: string[] = [];
+    // async removeAllContacts(pubKey: string): Promise<void> {
+    //     try {
+    //         const keysToRemove: string[] = [];
 
-            await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
-                const [storedPubKey] = key.split(':');
-                if (storedPubKey === pubKey) {
-                    keysToRemove.push(key);
-                }
-            });
+    //         await this.contactsStore.iterate<ContactEvent, void>((contact, key) => {
+    //             const [storedPubKey] = key.split(':');
+    //             if (storedPubKey === pubKey) {
+    //                 keysToRemove.push(key);
+    //             }
+    //         });
 
-            for (const key of keysToRemove) {
-                await this.contactsStore.removeItem(key);
-            }
+    //         for (const key of keysToRemove) {
+    //             await this.contactsStore.removeItem(key);
+    //         }
 
-            await this.contactsStore.clear();
-            this.contactStatsSubject.next({ totalContacts: 0, followersCount: 0, followingCount: 0 });
+    //         await this.contactsStore.clear();
+    //         this.contactStatsSubject.next({ totalContacts: 0, followersCount: 0, followingCount: 0 });
 
-            this.contactsSubject.next({ pubKey, contacts: [] });
-            await this.setUpdateHistory('contacts');
-        } catch (error) {
-            console.error('Error removing all contacts for pubKey:', error);
-        }
-    }
+    //         this.contactsSubject.next({ pubKey, contacts: [] });
+    //         await this.setUpdateHistory('contacts');
+    //     } catch (error) {
+    //         console.error('Error removing all contacts for pubKey:', error);
+    //     }
+    // }
 
 
     // --------------------- profiles Metadata Methods ---------------------
@@ -722,26 +722,26 @@ export class StorageService {
         }
     }
 
-    private async loadAllContactsFromDB(pubKey: string = ""): Promise<void> {
-        try {
-            const contacts = await this.getAllContacts(pubKey);
-            if (contacts.length > 0) {
-                const groupedContacts: { [pubKey: string]: ContactEvent[] } = {};
+    // private async loadAllContactsFromDB(pubKey: string = ""): Promise<void> {
+    //     try {
+    //         const contacts = await this.getAllContacts(pubKey);
+    //         if (contacts.length > 0) {
+    //             const groupedContacts: { [pubKey: string]: ContactEvent[] } = {};
 
-                for (const contact of contacts) {
-                    if (!groupedContacts[contact.pubKey]) {
-                        groupedContacts[contact.pubKey] = [];
-                    }
-                    groupedContacts[contact.pubKey].push(contact.contact);
-                }
-                for (const pubKey in groupedContacts) {
-                    this.contactsSubject.next({ pubKey, contacts: groupedContacts[pubKey] });
-                }
-            }
-        } catch (error) {
-            console.error('Error loading contacts from DB:', error);
-        }
-    }
+    //             for (const contact of contacts) {
+    //                 if (!groupedContacts[contact.pubKey]) {
+    //                     groupedContacts[contact.pubKey] = [];
+    //                 }
+    //                 groupedContacts[contact.pubKey].push(contact.contact);
+    //             }
+    //             for (const pubKey in groupedContacts) {
+    //                 this.contactsSubject.next({ pubKey, contacts: groupedContacts[pubKey] });
+    //             }
+    //         }
+    //     } catch (error) {
+    //         console.error('Error loading contacts from DB:', error);
+    //     }
+    // }
 
     private async loadAllChatEventsFromDB(): Promise<void> {
         try {