Fixed user profile

Author: ultramani

frontend/src/app/app.module.ts

@@ -24,9 +24,8 @@ import { CarouselComponent } from './components/carousel/carousel.component';
 
 
 
-
 @NgModule({
-  declarations: [AppComponent, LoginComponent, HeadComponent, NewsComponent, NavBarComponent, FooterComponent, NewsTemplateComponent,VideogameCatalogComponent, ShowNewsComponent, HomeComponent, UserProfile,VideogameCardComponent, CarouselComponent],
+  declarations: [UserProfile,AppComponent, LoginComponent, HeadComponent, NewsComponent, NavBarComponent, FooterComponent, NewsTemplateComponent,VideogameCatalogComponent, ShowNewsComponent, HomeComponent, UserProfile,VideogameCardComponent, CarouselComponent],
   imports: [BrowserModule, FormsModule, HttpClientModule, routing, FormsModule,RouterModule, NgbModule],
   bootstrap: [AppComponent]
 })

frontend/src/app/app.routing.ts

@@ -17,7 +17,7 @@ const appRoutes = [
     { path: 'userProfile', component: UserProfile},
     { path: 'videogamecatalog', component: VideogameCatalogComponent },
     { path: 'videogame/:id', component: VideogameDetailComponent },
-    { path: '', redirectTo: 'home', pathMatch: 'full' }
+    { path: '**', redirectTo: 'home', pathMatch: 'full' }
 
 ]
 

frontend/src/app/components/user/userProfile.component.ts

@@ -5,7 +5,7 @@ import { ActivatedRoute, Router } from '@angular/router';
 import { Usero } from './../../models/usero.model';
 import { UseroService } from '../../services/usero.service';
 import { LoginService } from '../../services/login.service';
-import { Videogame } from 'src/app/models/videogame.model';
+import { Videogame } from '../../models/videogame.model';
 
 @Component({
   selector: 'userProfile',
@@ -19,20 +19,24 @@ export class UserProfile {
   file: any;
   removeImage? :boolean;
 
-  constructor(private router: Router, activatedRoute: ActivatedRoute,public useroService: UseroService, public loginservice : LoginService) {
-    const id = activatedRoute.snapshot.params['id'];
+  constructor(private router: Router,public useroService: UseroService, public loginservice : LoginService) {
+    const id:number = 2;
     if (id) {
       useroService.getUser(id).subscribe(
-        (user: Usero) => user = user,
-        (error: any) => console.error(error)
+        user => this.user = user as Usero,
+        error => console.error(error)
       );
   }
-  useroService.getVideogames(this.user).subscribe(
-    (videogame: Videogame[]) => videogame = videogame,
-    (error: any) => console.error(error)
-  );
+
+
 }
 
+  ngOnInit(){
+    this.useroService.getVideogames(this.user).subscribe(
+      videogame => this.videogame = videogame as Videogame[],
+      error => console.error(error)
+    );
+  }
 
   save(){
     this.useroService.updateUser(this.user).subscribe(

frontend/src/app/services/usero.service.ts

@@ -6,7 +6,7 @@ import { News } from '../models/news.model';
 import { Observable, throwError } from 'rxjs';
 import { catchError } from 'rxjs/operators';
 
-const BASE_URL = '/api/users';
+const BASE_URL = '/api/users/';
 
 @Injectable({ providedIn: 'root' })
 export class UseroService {