fix: auth redirect

Author: guiseek

apps/devmx/src/app/app.routes.ts

@@ -1,4 +1,5 @@
 import { Route } from '@angular/router';
+import { NotFoundContainer } from './containers';
 
 export const appRoutes: Route[] = [
   {
@@ -28,5 +29,9 @@ export const appRoutes: Route[] = [
       import('@devmx/account-feature-shell').then(
         (m) => m.accountFeatureShellRoutes
       ),
-  }
+  },
+  {
+    path: '**',
+    component: NotFoundContainer,
+  },
 ];

apps/devmx/src/app/containers/index.ts

@@ -0,0 +1 @@
+export * from './not-found.container';

apps/devmx/src/app/containers/not-found.container.scss

@@ -0,0 +1,30 @@
+:host {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  div {
+    flex: 1;
+    gap: 2em;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    align-items: center;
+  }
+
+  h2 {
+    font-size: 4.04em;
+    text-align: center;
+    font-weight: 600;
+  }
+
+  h3 {
+    text-align: center;
+  }
+
+  a {
+    display: flex;
+    justify-content: center;
+    color: blue;
+  }
+}

apps/devmx/src/app/containers/not-found.container.ts

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+@Component({
+  selector: 'devmx-not-found',
+  template: `
+    <div>
+      <img src="devmx.svg" />
+
+      <main>
+        <h2>404</h2>
+        <h3>Página não encontrada</h3>
+        <a routerLink="/conta">Acesse sua conta</a>
+      </main>
+
+      <img src="devpr.svg" width="100" />
+
+    </div>
+  `,
+  styleUrl: './not-found.container.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  imports: [RouterLink],
+  standalone: true,
+})
+export class NotFoundContainer {}

packages/account/feature-auth/src/lib/account-feature-auth.routes.ts

@@ -1,11 +1,11 @@
 import { AccountFeatureAuthComponent } from './account-feature-auth.component';
-import { provideAuth } from '@devmx/account-data-access';
+import { provideAccount } from '@devmx/account-data-access';
 import { Route } from '@angular/router';
 
 export const accountFeatureAuthRoutes: Route[] = [
   {
     path: '',
-    providers: [provideAuth()],
+    providers: [provideAccount()],
     component: AccountFeatureAuthComponent,
   },
 ];

packages/account/feature-shell/src/lib/account-feature-shell.routes.ts

@@ -126,4 +126,9 @@ export const accountFeatureShellRoutes: Route[] = [
       },
     ],
   },
+  {
+    path: '',
+    pathMatch: 'full',
+    redirectTo: 'conta',
+  },
 ];