]> juplo.de Git - demos/angular/stored-login/commitdiff
refactor: renamed `token` to `username`
authorKai Moritz <kai@juplo.de>
Mon, 15 Sep 2025 21:08:30 +0000 (23:08 +0200)
committerKai Moritz <kai@juplo.de>
Mon, 15 Sep 2025 21:08:30 +0000 (23:08 +0200)
src/app/home/home.component.ts
src/app/services/auth.service.ts
src/app/store/login.actions.ts
src/app/store/login.effects.ts
src/app/store/login.reducers.ts
src/app/store/login.selectors.ts

index b6a6b418789e0250a2ed86add9da7863dfe1e114..410b82c4fdce25eb59bd0cc93c708784f3a26eee 100644 (file)
@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Store } from '@ngrx/store';
-import { selectToken } from '../store/login.selectors';
+import { selectUsername } from '../store/login.selectors';
 
 @Component({
   selector: 'app-home',
@@ -13,6 +13,6 @@ export class HomeComponent {
   username$;
 
   constructor(store : Store) {
-    this.username$ = store.select(selectToken);
+    this.username$ = store.select(selectUsername);
   }
 }
index 31885f62c7bd3435c5acfd7201c8c92894dec242..26301dbceab883d0e09e2831fd80bcaa52bd62b9 100644 (file)
@@ -3,7 +3,7 @@ import { Router } from "@angular/router";
 import { Observable, of, throwError } from 'rxjs';
 import { delay } from 'rxjs/operators';
 import { Store } from '@ngrx/store';
-import { selectError, selectToken } from '../store/login.selectors';
+import { selectError, selectUsername } from '../store/login.selectors';
 
 @Injectable({
   providedIn: 'root'
@@ -15,7 +15,7 @@ export class AuthService {
   private username : string|undefined;
 
   constructor() {
-    this.store.select(selectToken).subscribe(username => {
+    this.store.select(selectUsername).subscribe(username => {
       this.username = username;
       this.router.navigate(['']);
     });
index 131940825478ea217e49bbb862936fce3e186722..2e24ec3c8e3f5a47d8687d5e6121a57afc10ddcf 100644 (file)
@@ -7,7 +7,7 @@ export const login = createAction(
 
 export const loginSuccess = createAction(
   '[Login] Login Success',
-  props<{ token: string }>()
+  props<{ username: string }>()
 );
 
 export const loginFailure = createAction(
index b0ba0c8fb90bf3aa9950ac1bd9839f1cec8a1dd2..7294a23b6e305f896fb39f45c4b233a7fec4f4ad 100644 (file)
@@ -15,7 +15,7 @@ export class LoginEffects {
       ofType('[Login] User Login'),
       switchMap(({ username, password }) =>
         this.authService.login(username, password).pipe(
-          map(token => loginSuccess({ token })),
+          map(username => loginSuccess({ username })),
           catchError(error => of(loginFailure({ error })))
         )
       )
index 98ce5fcadedde10f6f71e63a24509f67f81b4066..e3043aa382867344abcad7eb6a231230bc3b2eac 100644 (file)
@@ -2,19 +2,19 @@ import { createReducer, on } from '@ngrx/store';
 import { login, loginFailure, loginSuccess } from './login.actions';
 
 export interface State {
-  token: string|undefined;
+  username: string|undefined;
   error: string|undefined;
   isLoading: boolean;
 }
 
 const initialState: State = {
-  token: undefined,
+  username: undefined,
   error: undefined,
   isLoading: false
 };
 
 export const loginReducers = createReducer(initialState,
   on(login, state => ({ ...state, isLoading: true })),
-  on(loginSuccess, (state, { token }) => ({ ...state, token, error: undefined, isLoading: false })),
-  on(loginFailure, (state, { error }) => ({ ...state, token: undefined, error, isLoading: false }))
+  on(loginSuccess, (state, { username }) => ({ ...state, username, error: undefined, isLoading: false })),
+  on(loginFailure, (state, { error }) => ({ ...state, username: undefined, error, isLoading: false }))
 );
index 1ebe7e3586a3cb249e64f2a8b497cd95ed2c470e..5451095ce270ad7734ac5c598e3d7be9f9009e60 100644 (file)
@@ -2,9 +2,9 @@ import { createSelector } from '@ngrx/store';
 
 const selectLogin = (state: any) => state.login;
 
-export const selectToken = createSelector(
+export const selectUsername = createSelector(
   selectLogin,
-  (state) => state.token
+  (state) => state.username
 );
 
 export const selectError = createSelector(