feat: Add pm

toju-app/src/app/domains/direct-message/feature/friend-button/friend-button.component.ts

@@ -0,0 +1,31 @@
+import {
+  Component,
+  computed,
+  inject,
+  input
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NgIcon, provideIcons } from '@ng-icons/core';
+import { lucideUserCheck, lucideUserPlus } from '@ng-icons/lucide';
+import { FriendService } from '../../application/services/friend.service';
+import type { User } from '../../../../shared-kernel';
+
+@Component({
+  selector: 'app-friend-button',
+  standalone: true,
+  imports: [CommonModule, NgIcon],
+  viewProviders: [provideIcons({ lucideUserCheck, lucideUserPlus })],
+  templateUrl: './friend-button.component.html'
+})
+export class FriendButtonComponent {
+  private readonly friends = inject(FriendService);
+
+  readonly user = input.required<User>();
+  readonly userId = computed(() => this.user().oderId || this.user().id);
+  readonly isFriend = computed(() => this.friends.isFriend(this.userId()));
+
+  toggle(event: Event): void {
+    event.stopPropagation();
+    void this.friends.toggleFriend(this.userId());
+  }
+}