Autenticacion, creacion de usuarios y creacion de consultas completada

src/app/app-routing.module.ts

@@ -19,6 +19,7 @@ import { CompletarRegistroComponent } from './mi-cuenta/completar-registro/compl
 import { GridProductosComponent } from './tienda/modulo-productos/grid-productos/grid-productos.component';
 import { CategoriasComponent } from './tienda/modulo-productos/categorias/categorias.component';
 import { TiendaTiendaComponent } from './tienda/tienda-tienda/tienda-tienda.component';
+import { RegistroCompletoComponent } from './mi-cuenta/registro-completo/registro-completo.component';
 
 const appRoutes: Routes = [
   { path: '', redirectTo: '/homepage', pathMatch: 'full' },
@@ -51,7 +52,7 @@ const appRoutes: Routes = [
     component: InicioSesionRegistroComponent,
   },
   { path: 'registro', component: CompletarRegistroComponent },
-
+  { path: 'registroCompleto', component: RegistroCompletoComponent },
   { path: 'cesta', component: CestaCompraComponent },
   { path: 'realizarPedido', component: CompletarPedidoComponent },
   { path: 'realizarPedidoPago', component: CompletarPedidoPagoComponent },

src/app/contacto/contacto.component.html

@@ -2,17 +2,15 @@
   <h3 class="verde-tienda">Contacto</h3>
 </div>
 <div class="container border">
-  <form
-    action="
-  "
-    class="mt-3 mb-3"
-  >
+  <form #contactoForm="ngForm" class="mt-3 mb-3">
     <div class="form-floating mb-3">
       <input
         type="text"
         class="form-control"
-        id="floatingPassword"
-        placeholder="12345"
+        placeholder="Nombre"
+        name="nombre"
+        ngModel
+        required
       />
       <label for="floatingPassword">Nombre </label>
     </div>
@@ -20,8 +18,10 @@
       <input
         type="text"
         class="form-control"
-        id="floatingPassword"
-        placeholder="12345"
+        placeholder="Apellido1 Apellido2"
+        name="apellidos"
+        ngModel
+        required
       />
       <label for="floatingPassword">Apellidos</label>
     </div>
@@ -29,8 +29,11 @@
       <input
         type="email"
         class="form-control"
-        id="floatingPassword"
-        placeholder="12345"
+        placeholder="example@example.es"
+        name="email"
+        email
+        required
+        ngModel
       />
       <label for="floatingPassword">Correo Electrónico</label>
     </div>
@@ -38,18 +41,17 @@
       <input
         type="text"
         class="form-control"
-        id="floatingPassword"
-        placeholder="12345"
+        placeholder="telefono"
+        name="telefono"
+        minlength="9"
+        maxlength="9"
+        required
+        ngModel
       />
-      <label for="floatingPassword">Correo Electrónico</label>
+      <label for="floatingPassword">Telefono</label>
     </div>
     <div class="form-floating mb-3">
-      <input
-        type="text"
-        class="form-control"
-        id="floatingPassword"
-        placeholder="12345"
-      />
+      <input type="text" class="form-control" placeholder="pid" ngModel />
       <label for="floatingPassword"
         >Numero de pedido (dejar en blanco si no se posee)</label
       >
@@ -65,11 +67,18 @@
         id="exampleFormControlTextarea1"
         rows="3"
         maxlength="2000"
+        name="motivoConsulta"
+        ngModel
+        required
       ></textarea>
     </div>
     <div class="row mt-2">
       <div class="col d-flex justify-content-end">
-        <button class="btn btn-primary border-white bg-fucsia">
+        <button
+          class="btn btn-primary border-white bg-fucsia"
+          type="submit"
+          (click)="contacto(contactoForm)"
+        >
           Enviar consulta
         </button>
       </div>

src/app/contacto/contacto.component.ts

 import { Component, OnInit } from '@angular/core';
+import { NgForm } from '@angular/forms';
+import { AuthService } from '../services-interfaces/services/auth.service';
+import { DatabaseService } from '../services-interfaces/services/database.service';
 
 @Component({
   selector: 'app-contacto',
   templateUrl: './contacto.component.html',
-  styleUrls: ['./contacto.component.css']
+  styleUrls: ['./contacto.component.css'],
 })
 export class ContactoComponent implements OnInit {
+  envioCorrecto = false;
+  constructor(private databaseService: DatabaseService) {}
 
-  constructor() { }
+  ngOnInit(): void {}
 
-  ngOnInit(): void {
+  contacto(form: NgForm) {
+    this.databaseService
+      .createConsultaInDatabase(
+        form.value.nombre,
+        form.value.apellidos,
+        form.value.email,
+        form.value.telefono,
+        form.value.numeroPedido,
+        form.value.motivoConsulta
+      )
+      .then(
+        (res) => {
+          this.envioCorrecto = true;
+        },
+        (error) => {
+          console.log(error);
+        }
+      );
   }
-
 }

src/app/header/header.component.html

@@ -61,12 +61,13 @@
             >Contacto</a
           >
         </li>
-        <li class="nav-item pe-5">
-          <a
-            class="nav-link"
-            [routerLink]="miCuenta"
-            (mouseover)="checkLogin()"
-            routerLinkActive="active"
+        <li class="nav-item pe-5" *ngIf="user">
+          <a class="nav-link" routerLink="/perfil" routerLinkActive="active"
+            >Mi cuenta</a
+          >
+        </li>
+        <li class="nav-item pe-5" *ngIf="!user">
+          <a class="nav-link" routerLink="/auth" routerLinkActive="active"
             >Mi cuenta</a
           >
         </li>

src/app/header/header.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { Usuario } from '../services-interfaces/interfaces/usuario';
 import { AuthService } from '../services-interfaces/services/auth.service';
+import { DatabaseService } from '../services-interfaces/services/database.service';
 
 @Component({
   selector: 'app-header',
   templateUrl: './header.component.html',
   styleUrls: ['./header.component.css'],
 })
-export class HeaderComponent implements OnInit {
+export class HeaderComponent implements OnInit, OnDestroy {
   miCuenta = '/auth';
+  isUserAuthenticated = false;
+  authenticatedUserBS: Subscription;
+  user!: Usuario;
 
-  constructor(private authService: AuthService) {}
+  constructor(private databaseService: DatabaseService) {}
 
-  ngOnInit(): void {}
-  checkLogin() {
-    if (this.authService.isLoggedIn()) {
-      this.miCuenta = '/perfil';
-    } else {
-      this.miCuenta = '/auth';
+  ngOnInit(): void {
+    this.authenticatedUserBS =
+      this.databaseService.authenticatedUserBS.subscribe(
+        (user) => {
+          this.user = user;
+        },
+        () => {
+          this.isUserAuthenticated = false;
         }
+      );
+  }
+  ngOnDestroy(): void {
+    this.authenticatedUserBS.unsubscribe();
   }
 }

src/app/mi-cuenta/completar-registro/completar-registro.component.html

@@ -41,7 +41,6 @@
             [(ngModel)]="user.telefono"
             required
             minlength="9"
-            ng-pattern="/^[0-9]{1,7}$/"
             maxlength="9"
           />
           <label for="floatingPassword">Teléfono contacto</label>

src/app/mi-cuenta/completar-registro/completar-registro.component.ts

@@ -29,12 +29,17 @@ export class CompletarRegistroComponent implements OnInit {
 
   ngOnInit(): void {
     this.user = this.authService.getUser();
+    if (this.user === undefined) {
+      this.user = new Usuario();
+    }
+    console.log(this.user);
   }
 
   finalizarRegistro(form: NgForm) {
     this.loading = true;
     this.user.direccionEnvio.pais = 'España';
     this.user.nombre = form.value.nombre;
+    this.user.telefono = form.value.telefono;
     if (
       form.value.distintasDirecciones === 'false' ||
       form.value.distintasDirecciones === ''
@@ -46,16 +51,21 @@ export class CompletarRegistroComponent implements OnInit {
       .createUserWithEmail(this.user.email, form.value.password1)
       .subscribe(
         (res) => {
-          this.databaseService.createNewUserInDatabase(this.user);
-          this.authService.changeLogState();
-          this.router.navigate(['../perfil'], { relativeTo: this.route });
+          this.databaseService.createNewUserInDatabase(this.user, res.user.uid);
+
+          this.loading = false;
+          this.router.navigate(['../registroCompleto'], {
+            relativeTo: this.route,
+          });
         },
         (error) => {
           console.log(error.message);
           if (error.message.indexOf('auth/email-already-in-use')) {
+            this.loading = false;
             this.errorMessage =
               '!El correo electrónico introducido ya ha sido registrado por otro usuario! Por favor introduzca un nuevo.';
           } else {
+            this.loading = false;
             this.errorMessage =
               '!Ha ocurrido un error insesperado, por favor, intentelo de nuevo.';
           }

src/app/mi-cuenta/cuenta.module.ts

@@ -13,6 +13,7 @@ import { DireccionesComponent } from './perfil-cuenta/direcciones/direcciones.co
 import { DatosPagoComponent } from './perfil-cuenta/datos-pago/datos-pago.component';
 import { ResumenPedidoComponent } from './perfil-cuenta/pedidos/resumen-pedido/resumen-pedido.component';
 import { AppRoutingModule } from '../app-routing.module';
+import { RegistroCompletoComponent } from './registro-completo/registro-completo.component';
 
 @NgModule({
   imports: [CommonModule, ProgressSpinnerModule, FormsModule, AppRoutingModule],
@@ -25,6 +26,7 @@ import { AppRoutingModule } from '../app-routing.module';
     DireccionesComponent,
     DatosPagoComponent,
     ResumenPedidoComponent,
+    RegistroCompletoComponent,
   ],
   exports: [],
 })

src/app/mi-cuenta/inicio-sesion-registro/inicio-sesion-registro.component.ts

@@ -15,7 +15,7 @@ import { DatabaseService } from 'src/app/services-interfaces/services/database.s
 })
 export class InicioSesionRegistroComponent implements OnInit {
   public loading = false;
-  public user!: Usuario;
+  public user = new Usuario();
   public credencialesInvalidas = false;
   public userLogged = false;
 
@@ -37,17 +37,7 @@ export class InicioSesionRegistroComponent implements OnInit {
       .subscribe({
         next: (user: UserCredential) => {
           this.loading = false;
-          this.authService.changeLogState();
-          this.databaseService.getUserFromDatabase(user.user.uid).subscribe(
-            (userRes: any) => {
-              console.log(userRes);
-              this.router.navigate(['../perfil'], { relativeTo: this.route });
-            },
-            (error) => {
-              console.log(error);
-            }
-          );
-
+          this.router.navigate(['/perfil']);
           /* to-do guardar user en el local storage */
         },
         error: (e) => {
@@ -59,11 +49,8 @@ export class InicioSesionRegistroComponent implements OnInit {
   }
 
   onRegister(form: NgForm): void {
-    if (form.value.passwordRegistro1 === form.value.passwordRegistro2) {
-      this.user = this.authService.getUser();
     this.user.email = form.value.emailRegistro;
     this.authService.updateUserRegistro(this.user);
     this.router.navigate(['../registro'], { relativeTo: this.route });
   }
 }
-}

src/app/mi-cuenta/perfil-cuenta/datos-personales/datos-personales.component.html

@@ -3,42 +3,69 @@
     <h4 class="verde-tienda pw-bold">{{ user.nombre }} {{ user.apellidos }}</h4>
   </div>
   <div class="row border rounded-3">
-    <h4 class="mt-2">Correo electrónico</h4>
+    <h4 class="mt-2">Correo electrónico para notificaciones</h4>
+    <h6 class="mt-2 text-secondary">
+      Este correo será utilizado para enviarte notificaciones, no es el correo
+      de inicio de sesión, ya que este no se puede modificar.
+    </h6>
     <div class="row">
       <div
         class="col-12 d-flex justify-content-between align-items-center pb-2"
       >
-        <h6 class="">{{ user.email }}</h6>
-        <button class="btn btn-primary bg-fucsia border-white">
-          Cambiar correo
+        <input
+          type="text"
+          class="form-control me-5"
+          [value]="user.email"
+          [disabled]="!cambioEmail"
+          [(ngModel)]="user.email"
+        />
+        <!-- <h6 class="">{{ user.email }}</h6> -->
+        <button
+          class="btn btn-primary bg-fucsia border-white"
+          (click)="cambioEmailActivate()"
+        >
+          {{ cambioEmailText }}
         </button>
       </div>
     </div>
+    <div class="row" *ngIf="emailSuccess" (focus)="emailSuccess = false">
+      <div class="col-12">
+        <div class="alert alert-success">!Correo modificado correctamente!</div>
+      </div>
+    </div>
   </div>
 
   <div class="row border rounded-3 mt-2">
-    <h4 class="mt-2">Contraseña</h4>
+    <h4 class="mt-2">Teléfono</h4>
+    <h6 class="mt-2 text-secondary">
+      Este teléfono será utilizado para contactar contigo en caso de ser
+      necesario.
+    </h6>
     <div class="row">
       <div
         class="col-12 d-flex justify-content-between align-items-center pb-2"
       >
-        <h6 class="">******</h6>
-        <button class="btn btn-primary bg-fucsia border-white">
-          Cambiar contraseña
+        <input
+          type="text"
+          class="form-control me-5"
+          [disabled]="!cambioTelefono"
+          [(ngModel)]="user.telefono"
+          minlength="9"
+          maxlength="9"
+        />
+        <button
+          class="btn btn-primary bg-fucsia border-white"
+          (click)="cambioTelefonoActivate()"
+        >
+          {{ cambioTelefonoText }}
         </button>
       </div>
     </div>
+    <div class="row" *ngIf="telefonoSuccess" (focus)="telefonoSuccess = false">
+      <div class="col-12">
+        <div class="alert alert-success">
+          !Telefono modificado correctamente!
         </div>
-  <div class="row border rounded-3 mt-2">
-    <h4 class="mt-2">Teléfono</h4>
-    <div class="row">
-      <div
-        class="col-12 d-flex justify-content-between align-items-center pb-2"
-      >
-        <h6 class="">+34 {{ user.telefono }}</h6>
-        <button class="btn btn-primary bg-fucsia border-white">
-          Modificar teléfono
-        </button>
       </div>
     </div>
   </div>

src/app/mi-cuenta/perfil-cuenta/datos-personales/datos-personales.component.ts

 import { Component, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { Usuario } from 'src/app/services-interfaces/interfaces/usuario';
 import { AuthService } from 'src/app/services-interfaces/services/auth.service';
 import { DatabaseService } from 'src/app/services-interfaces/services/database.service';
@@ -10,19 +11,59 @@ import { DatabaseService } from 'src/app/services-interfaces/services/database.s
 })
 export class DatosPersonalesComponent implements OnInit {
   user: Usuario;
+  password = '******';
+  userSubscription: Subscription;
+  cambioPassword = false;
+  cambioPasswordText = 'Cambiar contraseña';
+  passwordSuccess = false;
+  cambioEmail = false;
+  cambioEmailText = 'Cambiar correo';
+  emailSuccess = false;
+  cambioTelefono = false;
+  cambioTelefonoText = 'Cambiar telefono';
+  telefonoSuccess = false;
   constructor(
     private authService: AuthService,
     private databaseService: DatabaseService
   ) {}
 
   ngOnInit(): void {
-    this.databaseService
-      .getUserFromDatabase(this.authService.getAuthUser().uid)
-      .subscribe(
-        (userRes: any) => {
-          this.user = userRes;
-        },
-        (error) => {}
+    this.userSubscription = this.databaseService.authenticatedUserBS.subscribe(
+      (user) => {
+        this.user = user;
+      }
     );
   }
+  ngOnDestroy(): void {
+    this.userSubscription.unsubscribe();
+  }
+  cambioEmailActivate() {
+    if (!this.cambioEmail) {
+      this.cambioEmail = true;
+      this.cambioEmailText = 'Confirmar cambio';
+    } else {
+      this.cambioEmail = false;
+      this.databaseService
+        .updateUserInDatabase(this.user, this.authService.credential.user.uid)
+        .subscribe((ok) => {
+          this.emailSuccess = true;
+          this.cambioEmailText = 'Cambiar correo';
+        });
+    }
+  }
+
+  cambioTelefonoActivate() {
+    if (!this.cambioTelefono) {
+      this.cambioTelefono = true;
+      this.cambioTelefonoText = 'Confirmar cambio';
+    } else {
+      this.cambioTelefono = false;
+      this.databaseService
+        .updateUserInDatabase(this.user, this.authService.credential.user.uid)
+        .subscribe((ok) => {
+          this.telefonoSuccess = true;
+          this.cambioTelefonoText = 'Cambiar telefono';
+        });
+    }
+  }
 }

src/app/mi-cuenta/perfil-cuenta/direcciones/direcciones.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Subscription } from 'rxjs';
 import { Usuario } from 'src/app/services-interfaces/interfaces/usuario';
-import { AuthService } from 'src/app/services-interfaces/services/auth.service';
 import { DatabaseService } from 'src/app/services-interfaces/services/database.service';
 
 @Component({
@@ -8,20 +8,19 @@ import { DatabaseService } from 'src/app/services-interfaces/services/database.s
   templateUrl: './direcciones.component.html',
   styleUrls: ['./direcciones.component.css'],
 })
-export class DireccionesComponent implements OnInit {
+export class DireccionesComponent implements OnInit, OnDestroy {
   user: Usuario;
-  constructor(
-    private authService: AuthService,
-    private databaseService: DatabaseService
-  ) {}
+
+  private userSubscription: Subscription;
+  constructor(private databaseService: DatabaseService) {}
   ngOnInit(): void {
-    this.databaseService
-      .getUserFromDatabase(this.authService.getAuthUser().uid)
-      .subscribe(
-        (userRes: any) => {
-          this.user = userRes;
-        },
-        (error) => {}
+    this.userSubscription = this.databaseService.authenticatedUserBS.subscribe(
+      (user) => {
+        this.user = user;
+      }
     );
   }
+  ngOnDestroy(): void {
+    this.userSubscription.unsubscribe();
+  }
 }

src/app/mi-cuenta/registro-completo/registro-completo.component.html

+<div class="container">
+  <h5 class="mt-5">
+    ¡Registro completo! Será redirigido a la pagina de inicio de sesion en
+    breves momentos.
+  </h5>
+</div>

src/app/mi-cuenta/registro-completo/registro-completo.component.ts

+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-registro-completo',
+  templateUrl: './registro-completo.component.html',
+  styleUrls: ['./registro-completo.component.css'],
+})
+export class RegistroCompletoComponent implements OnInit, OnDestroy {
+  interval;
+  constructor(private router: Router) {}
+
+  ngOnInit(): void {
+    this.interval = setInterval(() => {
+      this.router.navigate(['/auth']);
+    }, 3000);
+  }
+  ngOnDestroy(): void {
+    clearInterval(this.interval);
+  }
+}

src/app/services-interfaces/interfaces/usuario.ts

@@ -2,11 +2,11 @@ import { Cesta } from './cesta.model';
 import { MetodoPago } from './metodoPago.model';
 
 export class Usuario {
-  nombre!: string;
-  apellidos!: string;
-  email!: string;
-  telefono!: string;
-  direccionEnvio!: {
+  nombre: string;
+  apellidos: string;
+  email: string;
+  telefono: string;
+  direccionEnvio: {
     nombre: string;
     apellidos: string;
     direccion: string;
@@ -15,7 +15,7 @@ export class Usuario {
     codigoPostal: string;
     pais: string;
   };
-  direccionFacturacion!: {
+  direccionFacturacion: {
     nombre: string;
     apellidos: string;
     direccion: string;
@@ -24,7 +24,31 @@ export class Usuario {
     codigoPostal: string;
     pais: string;
   };
-  metodosPago!: MetodoPago[];
+  metodosPago: MetodoPago[];
 
-  cesta!: Cesta;
+  cesta: Cesta;
+  constructor() {
+    this.nombre = '';
+    this.apellidos = '';
+    this.email = '';
+    this.telefono = '';
+    this.direccionEnvio = {
+      nombre: '',
+      apellidos: '',
+      direccion: '',
+      poblacion: '',
+      provincia: '',
+      codigoPostal: '',
+      pais: '',
+    };
+    this.direccionFacturacion = {
+      nombre: '',
+      apellidos: '',
+      direccion: '',
+      poblacion: '',
+      provincia: '',
+      codigoPostal: '',
+      pais: '',
+    };
+  }
 }

src/app/services-interfaces/services/auth.service.ts

@@ -8,40 +8,16 @@ import {
 import { Usuario } from '../interfaces/usuario';
 
 import { from, Observable } from 'rxjs';
+import { DatabaseService } from './database.service';
 
 @Injectable()
 export class AuthService {
   isUserLogged = false;
-  public user: Usuario = {
-    nombre: '',
-    apellidos: '',
-    email: '',
-    telefono: '',
-    direccionEnvio: {
-      nombre: '',
-      apellidos: '',
-      direccion: '',
-      poblacion: '',
-      provincia: '',
-      codigoPostal: '',
-      pais: '',
-    },
-    direccionFacturacion: {
-      nombre: '',
-      apellidos: '',
-      direccion: '',
-      poblacion: '',
-      provincia: '',
-      codigoPostal: '',
-      pais: '',
-    },
-    metodosPago: [],
-    cesta: {
-      productos: [],
-    },
-  };
+  credential!: UserCredential;
+
+  public user!: Usuario;
   private password = '';
-  constructor(private auth: Auth) {}
+  constructor(private auth: Auth, private databaseService: DatabaseService) {}
 
   public isLoggedIn(): boolean {
     return this.isUserLogged;
@@ -52,6 +28,14 @@ export class AuthService {
     password: string
   ): Observable<UserCredential> {
     const loginPromise = signInWithEmailAndPassword(this.auth, email, password);
+    const loginObs = from(loginPromise);
+    loginObs.subscribe((user) => {
+      this.credential = user;
+      this.databaseService
+        .getUserFromDatabaseOnLogin(user.user.uid)
+        .subscribe();
+    });
+
     return from(loginPromise);
   }
 
@@ -83,4 +67,7 @@ export class AuthService {
   public getAuthUser() {
     return this.auth.currentUser;
   }
+  public logOut(): Observable<any> {
+    return from(this.auth.signOut());
+  }
 }

src/app/services-interfaces/services/database.service.ts

@@ -5,6 +5,8 @@ import {
   AngularFireObject,
 } from '@angular/fire/compat/database';
 import { AngularFirestore, Query } from '@angular/fire/compat/firestore';
+
+import { BehaviorSubject, from, Observable, tap } from 'rxjs';
 import { Pedido } from '../interfaces/pedido.model';
 import { Producto } from '../interfaces/producto.model';
 import { Usuario } from '../interfaces/usuario';
@@ -14,6 +16,8 @@ import { AuthService } from './auth.service';
   providedIn: 'root',
 })
 export class DatabaseService {
+  public authenticatedUserBS = new BehaviorSubject<Usuario>(null);
+  private authenticatedUser!: Usuario;
   private usersPath = '/users';
   private pedidosPath = '/pedidos';
   private productosPath = '/productos';
@@ -23,20 +27,19 @@ export class DatabaseService {
   private productosRef!: AngularFireList<Producto>;
   constructor(
     private db: AngularFireDatabase,
-    private angularFirestore: AngularFirestore,
-    private authService: AuthService
+    private angularFirestore: AngularFirestore
   ) {}
 
-  createNewUserInDatabase(user: Usuario): Promise<any> {
+  createNewUserInDatabase(user: Usuario, uid: string): Promise<any> {
     return new Promise<any>((resolve, reject) => {
       this.angularFirestore
         .collection('users')
-        .doc(this.authService.getAuthUser().uid)
+        .doc(uid)
         .set({
           nombre: user.nombre,
           apellidos: user.apellidos,
           email: user.email,
-          telefono: '',
+          telefono: user.telefono,
           direccionEnvio: user.direccionEnvio,
           direccionFacturacion: user.direccionFacturacion,
           metodosPago: [],
@@ -54,11 +57,70 @@ export class DatabaseService {
         );
     });
   }
+  updateUserInDatabase(user: Usuario, uid: string) {
+    const updatePromise = this.angularFirestore
+      .collection('users')
+      .doc(uid)
+      .update({
+        nombre: user.nombre,
+        apellidos: user.apellidos,
+        email: user.email,
+        telefono: user.telefono,
+        direccionEnvio: user.direccionEnvio,
+        direccionFacturacion: user.direccionFacturacion,
+        metodosPago: [],
+        cesta: {
+          productos: [],
+        },
+      });
+    return from(updatePromise);
+  }
+
+  getUserFromDatabaseOnLogin(uid: string): Observable<any> {
+    return this.angularFirestore
+      .collection('users')
+      .doc(uid)
+      .valueChanges()
+      .pipe(
+        tap((userRecieved: any) => {
+          console.log(userRecieved);
 
-  getUserFromDatabase(uid: string) {
-    return this.angularFirestore.collection('users').doc(uid).valueChanges();
+          this.authenticatedUserBS.next(userRecieved);
+          console.log(this.authenticatedUserBS);
+        })
+      );
   }
   getAllUsersFromDatabase() {
     return this.angularFirestore.collection('users').snapshotChanges();
   }
+
+  createConsultaInDatabase(
+    nombre: string,
+    apellidos: string,
+    email: string,
+    telefono: string,
+    numeroPedido: string,
+    motivoConsulta: string
+  ) {
+    return new Promise<any>((resolve, reject) => {
+      this.angularFirestore
+        .collection('users')
+        .add({
+          nombre: nombre,
+          apellidos: apellidos,
+          email: email,
+          telefono: telefono,
+          numeroPedido: numeroPedido,
+          motivoConsulta: motivoConsulta,
+        })
+        .then(
+          (response) => {
+            console.log(response);
+          },
+          (error) => {
+            reject(error);
+          }
+        );
+    });
+  }
 }

src/index.html

-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
-  <meta charset="utf-8">
+    <meta charset="utf-8" />
     <title>TiendaChocolatesVeganos</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="" />
   </head>
   <body>
     <app-root></app-root>