Fizoo

import {
  Directive,
  ElementRef,
  Output,
  EventEmitter,
  OnDestroy,
  inject,
  effect,
  input
} from '@angular/core';

Fizoo

@HostListener('document:keydown.enter')
  onEnter(){
    this.nextTo()
  }

Fizoo

import {Injectable} from '@angular/core';
import {BehaviorSubject, catchError, from, map, Observable, ReplaySubject, switchMap, tap} from "rxjs";
import {AngularFireAuth} from "@angular/fire/compat/auth";
import firebase from "firebase/compat";
import {AngularFirestore} from "@angular/fire/compat/firestore";
import {UserUidService} from "./user-uid.service";


@Injectable({
  providedIn: 'root'

Fizoo

import { Injectable } from '@angular/core';
import {AngularFirestore, AngularFirestoreCollection, DocumentReference} from "@angular/fire/compat/firestore";
import {Progress} from "../models/data";
import {from, map, Observable, switchMap} from "rxjs";

interface Data {}

@Injectable({
  providedIn: 'root'
})

Fizoo

import { Injectable } from '@angular/core';
import {AngularFirestore, AngularFirestoreCollection, DocumentReference} from "@angular/fire/compat/firestore";
import {Progress} from "../models/data";
import {from, map, Observable, switchMap} from "rxjs";

interface Data {
  name:string
  id:string
  data:Progress[]
}

Fizoo

*{
  padding: 0;
  margin: 0;
  outline: 0;
  border: 0;
  appearance: none;
  text-decoration: none ;
  list-style: none;
  box-sizing: border-box;
}

Fizoo

  private handleError(error: HttpErrorResponse) {
    console.log('hh')
    const {message} = error.error.error

    switch (message) {
      case 'INVALID_EMAIL':
        this.error$.next('Invalid Email')
        break
      case 'INVALID_PASSWORD':
        this.error$.next('Invalid Password')

Fizoo

 request=request.clone({
       setParams:{
         auth:this.auth.token as string
       }
     })

Fizoo

const INTERCEPTORS_PROVIDERS:Provider = {
  provide:HTTP_INTERCEPTORS,
  multi:true,
  useClass:AuthInterceptor
}

Fizoo

.main{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background: #181818;

  .myForm {
    display: flex;