z

src/app/components/login/login.component.ts

@@ -69,6 +69,4 @@ export class LoginComponent {
       this.isButtonVisible = false;
     }
   }
-
-
 }

src/app/components/user-detail/user-detail.component.html

@@ -1 +1,12 @@
-<p>user-detail works!</p>
+<div *ngIf="selectedUser">
+    <h2>{{selectedUser.login}}</h2>
+    <div><span>id: </span>{{selectedUser.id}}</div>
+    <div>
+      <label for="user-strak">streak : </label>
+        {{ selectedUser.streak}}
+    </div>
+    <div>
+        <label for="user-points">points : </label>
+          {{ selectedUser.points}}
+      </div>
+</div>

src/app/components/user-detail/user-detail.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-
+import { NgIf } from '@angular/common';
 import { ActivatedRoute } from '@angular/router';
 import { UserService } from '../../services/user-service';
 import { User } from '../../models/user.model';
@@ -7,7 +7,7 @@ import { User } from '../../models/user.model';
 @Component({
   selector: 'app-user-detail',
   standalone: true,
-  imports: [],
+  imports: [NgIf],
   templateUrl: './user-detail.component.html',
   styleUrl: './user-detail.component.css'
 })