From 21be798e3075ce5d6f0d7a72968ae997e53e6c39 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Thu, 19 Sep 2024 21:33:59 +0200
Subject: [PATCH] update design of the member list

---
 .../chat-msg-box/chat-msg-box.component.html  | 20 ++++++++++---------
 .../chat-msg-box/chat-msg-box.component.scss  |  8 ++++++++
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
index c48bc7e..0462f68 100644
--- a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
+++ b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.html
@@ -76,7 +76,8 @@
       <div class="filteredElementWindow">
         @if (toggleBoolean.selectUserInMsgBox) {
         <div class="positionOfAllUsersInBox">
-          @for(user of userService.getFiltertUsers; track user){
+          @for(user of userService.getFiltertUsers; track user) { @if (user.id
+          !== userService.getCurrentUserId()) {
           <div class="user" (click)="chooseUser(user)">
             <div class="positionImg">
               <img src="{{ user.avatar }}" class="avatarImg" />
@@ -87,9 +88,9 @@
                 class="onlineIcon"
               />
             </div>
-            <h1>{{ user.firstName }} {{ user.lastName }}</h1>
+            <p>{{ user.firstName }} {{ user.lastName }}</p>
           </div>
-          }
+          } }
         </div>
         }
       </div>
@@ -110,20 +111,21 @@
       @if (showChannels) { @for (i of checkIfUserHasAccessToChannel(); track
       $index) {
       <h3 class="user2" (click)="chooseElement(i)">{{ i.name }}</h3>
-      } }@else if (showUsers) { @for (i of userService.allUsers; track $index) {
-      <div class="user2" (click)="chooseElement(i)">
+      } }@else if (showUsers) { @for (user of userService.allUsers; track
+      $index) { @if (user.id !== userService.getCurrentUserId()) {
+      <div class="user2" (click)="chooseElement(user)">
         <div class="positionImg2">
-          <img src="{{ i.avatar }}" class="avatarImg2" />
+          <img src="{{ user.avatar }}" class="avatarImg2" />
           <img
             src="./assets/img/{{
-              i.status ? 'onlineRing.svg' : 'offlineRing.svg'
+              user.status ? 'onlineRing.svg' : 'offlineRing.svg'
             }}"
             class="onlineIconFilterWindow"
           />
         </div>
-        <h3>{{ i.firstName }} {{ i.lastName }}</h3>
+        <p>{{ user.firstName }} {{ user.lastName }}</p>
       </div>
-      } }
+      } } }
     </div>
     }
   </div>
diff --git a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
index 598c1fb..246c7d7 100644
--- a/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
+++ b/src/app/components/main-chat/chat-msg-box/chat-msg-box.component.scss
@@ -138,6 +138,10 @@ app-emoji-picker {
       background-color: #edeefe;
       border-radius: 25px;
     }
+    p {
+      font-size: 19px;
+      font-weight: 500;
+    }
     .positionImg {
       @include displayFlex($a: flex-end);
       .avatarImg {
@@ -191,6 +195,10 @@ app-emoji-picker {
       background-color: #edeefe;
       border-radius: 25px;
     }
+    p {
+      font-size: 19px;
+      font-weight: 500;
+    }
     .positionImg2 {
       @include displayFlex($a: flex-end);
       .avatarImg2 {