refactor: update route names

Author: misicode

src/app/app-routing.module.ts

@@ -13,7 +13,7 @@ const routes: Routes = [
         loadChildren: () => import("./pages/auth/auth.module").then(m => m.AuthModule)
       },
       {
-        path: "post",
+        path: "posts",
         loadChildren: () => import("./pages/post/post.module").then(m => m.PostModule)
       },
       {
@@ -22,7 +22,7 @@ const routes: Routes = [
       },
       {
         path: "",
-        redirectTo: "post",
+        redirectTo: "posts",
         pathMatch: "full",
       }
     ]

src/app/layouts/content-layout/header/header.component.html

@@ -29,10 +29,10 @@
           <a routerLink="./user/profile" class="block duration-150 hover:bg-indigo-700 hover:rounded-t-lg hover:text-white px-4 py-3 transition-colors">
             Mi perfil
           </a>
-          <a routerLink="./user/news" class="block duration-150 hover:bg-indigo-700 hover:text-white px-4 py-3 transition-colors">
-            Mis noticias
+          <a routerLink="./user/posts" class="block duration-150 hover:bg-indigo-700 hover:text-white px-4 py-3 transition-colors">
+            Mis publicaciones
           </a>
-          <a (click)="logout()" routerLink="./news" class="block duration-150 hover:bg-indigo-700 hover:rounded-b-lg hover:text-white px-4 py-3 transition-colors">
+          <a (click)="logout()" routerLink="./posts" class="block duration-150 hover:bg-indigo-700 hover:rounded-b-lg hover:text-white px-4 py-3 transition-colors">
             Cerrar sesión
           </a>
         </div>

src/app/pages/auth/login-page/login-page.component.html

@@ -39,7 +39,7 @@ <h2 class="font-bold pb-2 text-3xl text-center text-indigo-700">
       </div>
       <div>
         <button
-          class="btn-success w-full"
+          class="btn-success disabled:bg-indigo-400 disabled:hover:bg-indigo-400 w-full"
           [disabled]="loginForm.invalid"
           type="submit"
         >

src/app/pages/auth/login-page/login-page.component.ts

@@ -28,7 +28,7 @@ export class LoginPageComponent {
       .subscribe({
         next: () => {
           this.loading = false;
-          this.router.navigateByUrl("/user/news");
+          this.router.navigateByUrl("/user/posts");
         },
         error: () => {
           this.loading = false;

src/app/pages/user/list-post-page/list-post-page.component.html

@@ -2,11 +2,11 @@
   <h2>Mis Publicaciones</h2>
 </div>
 <div class="bg-white border-b-2 border-indigo-100 border-solid font-medium px-16 py-3 text-slate-700 text-xss">
-  Inicio / <a routerLink="/user/post">Publicaciones</a>
+  Inicio / <a routerLink="/user/posts">Publicaciones</a>
 </div>
 <section class="gap-y-10 grid">
   <div class="mb-8 text-right">
-    <a routerLink="/user/post/create">
+    <a routerLink="/user/posts/create">
       <button class="btn-success">
         Nuevo
       </button>

src/app/pages/user/list-post-page/list-post-page.component.ts

@@ -11,16 +11,13 @@ import { Post } from "../../../core/interfaces/post.interface";
   styleUrl: "./list-post-page.component.scss",
 })
 export class ListPostPageComponent implements OnInit {
+  private postService = inject(PostService);
   private toastrService = inject(ToastrService);
 
   public idPost: string = "";
   public isOpen: boolean = false;
   public listPosts: Post[] = [];
 
-  constructor(
-    private postService: PostService
-  ) {}
-
   ngOnInit(): void {
     this.loadPosts();
   }

src/app/pages/user/user-routing.module.ts

@@ -14,17 +14,17 @@ const routes: Routes = [
     component: ProfilePageComponent
   },
   {
-    path: "post",
+    path: "posts",
     canActivate: [ isAuthenticatedGuard ],
     component: ListPostPageComponent
   },
   {
-    path: "post/create",
+    path: "posts/create",
     canActivate: [ isAuthenticatedGuard ],
     component: FormPostPageComponent
   },
   {
-    path: "post/:id",
+    path: "posts/:id",
     canActivate: [ isAuthenticatedGuard ],
     component: FormPostPageComponent
   },