sign up page validations, stylings and feed component created

src/app/app.routes.ts

@@ -1,9 +1,11 @@
 import { Routes } from '@angular/router';
 import { SignInComponent } from './sign-in/sign-in.component';
 import { SignUpComponent } from './sign-up/sign-up.component';
+import { FeedComponent } from './feed/feed.component';
 
 export const routes: Routes = [
     { path: '', redirectTo: '/sign-in', pathMatch: 'full' },
     { path: 'sign-in', component: SignInComponent },
     { path: 'register-user', component: SignUpComponent },
+    { path: 'feed', component: FeedComponent }
 ];

src/app/feed/feed.component.html

@@ -0,0 +1 @@
+<p>feed works!</p>

src/app/feed/feed.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FeedComponent } from './feed.component';
+
+describe('FeedComponent', () => {
+  let component: FeedComponent;
+  let fixture: ComponentFixture<FeedComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FeedComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(FeedComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/feed/feed.component.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-feed',
+  standalone: true,
+  imports: [],
+  templateUrl: './feed.component.html',
+  styleUrl: './feed.component.scss'
+})
+export class FeedComponent {
+
+}

src/app/sign-in/sign-in.component.ts

@@ -34,6 +34,9 @@ export class SignInComponent {
       const email = this.loginForm.get('email')!.value;
       const password = this.loginForm.get('password')!.value;
       signInWithEmailAndPassword(this.auth, email, password)
+        .then((result) => {
+          this.router.navigateByUrl('/feed');
+        })
         .catch((error) => {
           this.ERROR_CODE = error.code
           console.log(this.ERROR_CODE)
@@ -47,6 +50,7 @@ export class SignInComponent {
     signInWithPopup(this.auth, provider)
       .then((result) => {
         const credential = GoogleAuthProvider.credentialFromResult(result);
+        this.router.navigateByUrl('/feed')
       }).catch((error) => {
         const credential = GoogleAuthProvider.credentialFromError(error);
       });

src/app/sign-up/sign-up.component.html

@@ -55,9 +55,11 @@ <h2 class="heading">Create Account</h2>
       <button [disabled]="!registerForm.valid" type="submit">Sign Up</button>
     </div>
   </form>
-  <a href="#" (click)="signInWithGoogle()" class="google-sign-in"
-    >Or log in with Google</a
-  >
+  <div class="help-text">
+    <button (click)="signInWithGoogle()" class="google-sign-in">
+      Or Login with Google
+    </button>
+  </div>
   <div class="register-link">
     <p>Already have an account? <a (click)="toLoginPage()">Log in</a></p>
   </div>

src/app/sign-up/sign-up.component.scss

@@ -98,9 +98,14 @@ button:disabled {
 }
 
 .google-sign-in {
+  background: none;
+  border: none;
   color: #757575;
+  cursor: pointer;
+  font-size: inherit;
+  font-family: inherit;
   font-size: 14px;
-  margin-top: 16px;
+  margin-top: 10px;
   text-decoration: none;
 }
 

src/app/sign-up/sign-up.component.ts

@@ -1,7 +1,7 @@
 import { Component, inject } from '@angular/core';
 import { Auth, GoogleAuthProvider, createUserWithEmailAndPassword, signInWithPopup, updateProfile } from '@angular/fire/auth';
 import { Router } from '@angular/router';
-import { FormBuilder, FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { FormBuilder, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
 
 @Component({
   selector: 'app-sign-up',
@@ -37,7 +37,7 @@ export class SignUpComponent {
           return updateProfile(userCredential.user, { displayName: name });
         })
         .then(() => {
-          // this.router.navigate(['/some-success-route']);
+          this.router.navigateByUrl('/feed');
         })
         .catch(error => {
           console.error('Registration error:', error);
@@ -50,12 +50,11 @@ export class SignUpComponent {
     signInWithPopup(this.auth, provider)
       .then((result) => {
         const credential = GoogleAuthProvider.credentialFromResult(result);
+        this.router.navigateByUrl('/feed');
       }).catch((error) => {
-        const errorCode = error.code;
         const credential = GoogleAuthProvider.credentialFromError(error);
       });
   }
-
   toLoginPage() {
     this.router.navigateByUrl('sign-in')
   }