From 9a797a8197cf94c76db5db4beb4a116150f204af Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 14 Jun 2024 16:39:15 +0200
Subject: [PATCH] clean code

---
 .../show-channel-member.component.html         | 12 ++++++------
 .../show-channel-member.component.scss         | 18 +++++++++---------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/app/components/main-chat/show-channel-member/show-channel-member.component.html b/src/app/components/main-chat/show-channel-member/show-channel-member.component.html
index d384e0c..a8dbd17 100644
--- a/src/app/components/main-chat/show-channel-member/show-channel-member.component.html
+++ b/src/app/components/main-chat/show-channel-member/show-channel-member.component.html
@@ -7,7 +7,7 @@
       right: isSecondaryChatOpen ? '620px' : ''
     }"
   >
-    <div class="posiotionHeader">
+    <div class="positionHeader">
       <p>{{ "show-channel-member.header" | translate }}</p>
       <app-small-btn
         [imgSrc]="'closeIcon.svg'"
@@ -21,7 +21,7 @@
     <div class="positionOfAllUsersInBox">
       @for(user of getFiltertUsers; track user){
       <div class="user" (click)="openUserWindow(user)">
-        <div class="positionImgs">
+        <div class="positionImg">
           <img src="{{ user.avatar }}" class="avatarImg" />
           <img
             src="./assets/img/{{
@@ -46,7 +46,7 @@
       right: isSecondaryChatOpen ? '580px' : ''
     }"
   >
-    <div class="posiotionHeader">
+    <div class="positionHeader">
       <div class="headline">
         <p>{{ "show-channel-member.addMember" | translate }}</p>
         @if (getChannelName(currentChannel)) {
@@ -85,7 +85,7 @@
           @for(user of getSearchedUser; track user){
           @if(!isUserAlreadySelected(user)) {
           <div class="userBox" (click)="chooseUser(user)">
-            <div class="positionImgsBox">
+            <div class="positionImgBox">
               <img src="{{ user.avatar }}" class="addAvatarImg" />
               <img
                 src="./assets/img/{{
@@ -104,7 +104,7 @@
         id="userName"
         name="userName"
         autocomplete="off"
-        class="inputfieldStyle"
+        class="inputFieldStyle"
         [(ngModel)]="userName"
         (keyup)="filterUsers(userName)"
       />
@@ -113,7 +113,7 @@
       <button
         class="furterBtnClass"
         [ngClass]="{
-          furterBtnClass: getSelectedUsers.length > 0,
+          btnClass: getSelectedUsers.length > 0,
           disabledBtn: getSelectedUsers.length === 0
         }"
         [disabled]="getSelectedUsers.length === 0"
diff --git a/src/app/components/main-chat/show-channel-member/show-channel-member.component.scss b/src/app/components/main-chat/show-channel-member/show-channel-member.component.scss
index 1a9122b..5363471 100644
--- a/src/app/components/main-chat/show-channel-member/show-channel-member.component.scss
+++ b/src/app/components/main-chat/show-channel-member/show-channel-member.component.scss
@@ -24,7 +24,7 @@
   @include displayFlex($g: 20px);
   flex-direction: column;
 
-  .posiotionHeader {
+  .positionHeader {
     @include displayFlex($j: space-between);
     font-size: 24px;
     font-weight: 600;
@@ -51,7 +51,7 @@
       border-radius: 25px;
     }
 
-    .positionImgs {
+    .positionImg {
       @include displayFlex($a: flex-end);
 
       .avatarImg {
@@ -95,7 +95,7 @@
   border-top-right-radius: 0;
   @include displayFlex($g: 20px);
   flex-direction: column;
-  .posiotionHeader {
+  .positionHeader {
     @include displayFlex($j: space-between, $a: flex-start);
     width: 100%;
     .headline {
@@ -162,7 +162,7 @@
     }
   }
 
-  .inputfieldStyle {
+  .inputFieldStyle {
     width: 100%;
     flex-grow: 1;
     outline: none;
@@ -218,7 +218,7 @@
         border-radius: 25px;
       }
 
-      .positionImgsBox {
+      .positionImgBox {
         @include displayFlex($a: flex-end);
 
         .addAvatarImg {
@@ -243,7 +243,7 @@
   @include displayFlex($j: flex-end);
 }
 
-.furterBtnClass {
+.btnClass {
   width: 120px;
   height: 48px;
   background-color: white;
@@ -278,7 +278,7 @@
     top: 140px;
     right: 20px;
     width: 250px;
-    .posiotionHeader {
+    .positionHeader {
       font-size: 21px;
     }
   }
@@ -288,7 +288,7 @@
     top: 140px;
     right: 20px;
     width: 230px;
-    .posiotionHeader {
+    .positionHeader {
       .headline {
         p {
           font-size: 21px;
@@ -315,7 +315,7 @@
           font-size: 18px;
           font-style: 600;
         }
-        .positionImgsBox {
+        .positionImgBox {
           .addAvatarImg {
             width: 32px;
             height: 32px;