fixed recursion in home.component.html

Author: JhostinD

backend/gamelink/src/main/resources/application.properties

@@ -10,7 +10,7 @@ spring.mustache.suffix=.html
 
 spring.datasource.url=jdbc:postgresql://localhost:5432/gamelink
 spring.datasource.username=postgres
-spring.datasource.password=Nekowa10
+spring.datasource.password=password
 spring.jpa.hibernate.ddl-auto=create-drop
 
 logging.level.org.springframework.security=DEBUG

backend/gamelink/target/classes/application.properties

@@ -10,7 +10,7 @@ spring.mustache.suffix=.html
 
 spring.datasource.url=jdbc:postgresql://localhost:5432/gamelink
 spring.datasource.username=postgres
-spring.datasource.password=Nekowa10
+spring.datasource.password=password
 spring.jpa.hibernate.ddl-auto=create-drop
 
 logging.level.org.springframework.security=DEBUG

frontend/src/app/app.component.html

@@ -1,8 +1,11 @@
-<header></header>
-<navBar></navBar>
+<!--AQUÍ NO HACE FALTA LA ETIQUETA HEAD, YA ESTÁ EN EL INDEX.HTML,
+    O LA QUITAMOS DEL INDEX O LA QUITAMOS DE AQUÍ-->
+<!--head></head-->
 
-<!--home></!--home-->
+<navBar></navBar>
 
+<!--tampoco hace falta <home></home>, porque ya el router-outlet ya lo muestra-->
 
 <router-outlet></router-outlet>
+
 <footer></footer>

frontend/src/app/components/home/home.component.html

@@ -20,7 +20,8 @@ <h1 class="display-5 fw-bolder text-white mb-2">Tienda y noticiero de videojuego
                         <div class="col-lg-12 mb-5 mb-lg-0" style="padding-bottom: 3em;"><h2 class="fw-bolder mb-0" style="text-align: center;">Nuestros videojuegos destacados.</h2></div>
                         <div class="col-lg-12 align-self-center">
 
-                                <home *ngIf="images">
+                                <a *ngIf="images"> <!--Esta etiqueta estaba puesta a home, la he cambiado porque
+                                                        es la que provoca la recursión de home (MÍRALO JUAN)-->
                                     <ng-template ngbSlide>
                                       <div class="picsum-img-wrapper">
                                         <img [src]="images[0]" alt="Random first slide">
@@ -48,7 +49,7 @@ <h3>Leyendas Pokemon Arceus</h3>
                                         <p>Pokemon + mundo abierto, no hay nada más que decir.</p>
                                       </div>
                                     </ng-template>
-                                  </home>
+                                </a>
 
                         </div>
                     </div>
@@ -77,7 +78,7 @@ <h3>Leyendas Pokemon Arceus</h3>
             <section class="py-5">
                 <div class="container px-5 my-5">
                     <div id="moreImages" class="row gx-5 justify-content-center">
-                        <!-- AQUÍ VA EL NEWS TEMPLATE --> 
+                        <newsTemplate></newsTemplate>
                     </div>
 
                 </div>