Update imports and add authentication check in AppComponent

ianlabicani · Mar 14, 2024 · 70343c2 · 70343c2
1 parent ffe85f9
commit 70343c2
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,5 +1,6 @@
-import { Component } from '@angular/core';
-import { RouterOutlet } from '@angular/router';
+import { Component, OnInit, inject } from '@angular/core';
+import { Router, RouterOutlet } from '@angular/router';
+import { Auth } from '@angular/fire/auth';
 import { environment } from '../environments/environment';
 
 @Component({
@@ -9,9 +10,18 @@ import { environment } from '../environments/environment';
   templateUrl: './app.component.html',
   styleUrl: './app.component.scss',
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
+  auth = inject(Auth);
+  router = inject(Router);
+
   title = 'seawatch';
-  constructor() {
+
+  ngOnInit(): void {
+    this.auth.onAuthStateChanged((user) => {
+      if (!user) {
+        this.router.navigate(['/login']);
+      }
+    });
     console.log(environment.production);
   }
 }
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
@@ -9,7 +9,7 @@ import {
   getFirestore,
   provideFirestore,
 } from '@angular/fire/firestore';
-import { environment } from '../environments/environment';
+import { environment } from '../environments/environment.development';
 
 export const appConfig: ApplicationConfig = {
   providers: [

diff --git a/src/environments/environment.developement.ts → src/environments/environment.development.ts b/src/environments/environment.developement.ts → src/environments/environment.development.ts