clean code

src/app/components/main-chat/main-chat.component.html

@@ -27,7 +27,7 @@
       <!----- Render users ----->
       @for (i of userService.allUsers; track $index) {
       <div class="user" (click)="chooseElement(i)">
-        <div class="positionImgs">
+        <div class="positionImg">
           <img src="{{ i.avatar }}" class="avatarImg" />
           <img
             src="./assets/img/{{

src/app/components/main-chat/main-chat.component.scss

@@ -181,7 +181,7 @@ section {
       background-color: #edeefe;
       border-radius: 25px;
     }
-    .positionImgs {
+    .positionImg {
       @include displayFlex($a: flex-end);
       .avatarImg {
         width: 40px;

src/app/components/main-chat/main-chat.component.ts

@@ -55,7 +55,7 @@ export class MainChatComponent {
   channelCreator: boolean = false;
   openMenu: boolean = false;
   showProfil: boolean = false;
-  talkToUser!: User[];
+  talkToUser: User[] = {} as User[];
 
   constructor(
     private route: Router,

src/app/components/main-chat/show-channel-member/open-send-prv-message-window/open-send-prv-message-window.component.ts

@@ -15,10 +15,10 @@ import { TranslateModule } from '@ngx-translate/core';
   styleUrl: './open-send-prv-message-window.component.scss',
 })
 export class OpenSendPrvMessageWindowComponent {
-  @Input() user!: User[];
-  @Input() talkToUser!: User[];
-  @Input() openUserWindowBoolean!: boolean;
-  @Input() showProfil!: boolean;
+  @Input() user: User[] = [];
+  @Input() talkToUser: User[] = [];
+  @Input() openUserWindowBoolean: boolean = false;
+  @Input() showProfil: boolean = false;
   @Output() closeUserWindow = new EventEmitter<boolean>();
   @Output() showProfilWindow = new EventEmitter<boolean>();
   isOnline: boolean = false;

src/app/components/main-chat/show-channel-member/show-channel-member.component.ts

@@ -31,7 +31,6 @@ export class ShowChannelMemberComponent {
   getCurrentChannelName: string = '';
   getSelectedUsers: User[] = [];
   selectedUsers: string[] = [];
-
   openUserWindowBoolean: boolean = false;
   user: User[] = [];
 

src/app/components/main-chat/single-chat/edit-msg/edit-msg.component.ts

@@ -28,7 +28,7 @@ import { SharedService } from '../../../../service/shared.service';
   styleUrl: './edit-msg.component.scss',
 })
 export class EditMsgComponent {
-  @Input() chat!: Chat | ChatAnswers;
+  @Input() chat: Chat | ChatAnswers = {} as Chat | ChatAnswers;
   @Input() viewWidth: number = 0;
   @Input() openOnSecondaryChat: boolean = false;
   @Output() closeEditMsgEmitter: EventEmitter<boolean> =

src/app/components/main-login/login/login.component.html

@@ -75,7 +75,7 @@
 
       <button
         (click)="loginService.googleLogin()"
-        class="googleLogingContainer"
+        class="googleLoggingContainer"
         [disabled]="loginService.isBtnDisabled"
       >
         <img src="./assets/img/login/google.svg" alt="" />
@@ -105,7 +105,7 @@
     <div>
       <span> {{ "login.topText" | translate }}</span>
       <div class="mobileCreateAccountContainer">
-        <span routerLink="/register" class="mobileCreateAccoun">
+        <span routerLink="/register" class="mobileCreateAccount">
           {{ "login.topText2" | translate }}</span
         >
       </div>

src/app/components/main-login/login/login.component.scss

@@ -70,7 +70,7 @@ section {
     justify-content: center;
   }
 }
-.googleLogingContainer {
+.googleLoggingContainer {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -149,7 +149,7 @@ button {
   display: flex;
   justify-content: end;
 }
-.mobileCreateAccoun {
+.mobileCreateAccount {
   color: #797ef3;
   cursor: pointer;
   padding: 4px 12px 4px 12px;
@@ -212,7 +212,7 @@ button {
     font-size: 17px;
     margin-bottom: 22px;
   }
-  .googleLogingContainer {
+  .googleLoggingContainer {
     font-size: 17px;
     height: 52px;
     gap: 0;

src/app/components/main-login/password-forget/password-forget.component.ts

@@ -27,8 +27,9 @@ import { TranslateModule } from '@ngx-translate/core';
 })
 export class PasswordForgetComponent {
   email: string = '';
-  emailSentBtn = false;
+  emailSentBtn: boolean = false;
   firestore: Firestore = inject(Firestore);
+
   constructor(private router: Router) {}
 
   /**

src/app/components/main-login/register/register.component.ts

@@ -27,7 +27,7 @@ import { TranslateModule } from '@ngx-translate/core';
 export class RegisterComponent {
   firestore: Firestore = inject(Firestore);
   isChecked: boolean = false;
-  currentImage: string;
+  currentImage: string = '';
   defaultImage = './assets/img/login/box.png';
   clickedImage = './assets/img/login/box-checked.png';
   hoverImage = './assets/img/login/box-hover.png';