diff --git a/src/app/components/login/login.component.ts b/src/app/components/login/login.component.ts
index 7c1be4b..08b2501 100644
--- a/src/app/components/login/login.component.ts
+++ b/src/app/components/login/login.component.ts
@@ -69,6 +69,4 @@ export class LoginComponent {
       this.isButtonVisible = false;
     }
   }
-
-
 }
diff --git a/src/app/components/user-detail/user-detail.component.html b/src/app/components/user-detail/user-detail.component.html
index acb9e3e..8a78507 100644
--- a/src/app/components/user-detail/user-detail.component.html
+++ b/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>
\ No newline at end of file
diff --git a/src/app/components/user-detail/user-detail.component.ts b/src/app/components/user-detail/user-detail.component.ts
index 5186d82..bb57bd2 100644
--- a/src/app/components/user-detail/user-detail.component.ts
+++ b/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'
 })