..

.vscode/launch.json

@@ -2,12 +2,12 @@
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "WEB: Run in Development Mode",
-      "type": "node",
+      "name": "WEB: Vite (Chrome)",
+      "type": "pwa-msedge",
       "request": "launch",
-      "runtimeExecutable": "pnpm",
-      "runtimeArgs": ["run", "dev", "--filter", "web"],
-      "console": "integratedTerminal"
+      "url": "http://localhost:5173",
+      "webRoot": "${workspaceFolder}/apps/web",
+      "sourceMaps": true
     },
     {
       "name": "SERVER: Run in Development Mode",

.vscode/tasks.json

@@ -0,0 +1,20 @@
+{
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "label": "web:dev",
+      "type": "shell",
+      "command": "pnpm --filter web dev",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "vite",
+        "pattern": [{ "regexp": "." }],
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": ".*Local:.*http://.*:5173/.*",
+          "endsPattern": ".*ready in .*"
+        }
+      }
+    }
+  ]
+}

apps/web/src/app.tsx

@@ -62,7 +62,20 @@ export const App = () => {
                 </Suspense>
               </UnsavedWarnProvider>
             </TooltipProvider>
-            <Toaster position='top-right' />
+            <Toaster
+              toastOptions={
+                {
+                  //unstyled: true,
+                  /*classNames: {
+                  error: "bg-red-400",
+                  success: "text-green-400",
+                  warning: "text-yellow-400",
+                  info: "bg-blue-400",
+                },*/
+                }
+              }
+              position='bottom-center'
+            />
             {import.meta.env.DEV && <ReactQueryDevtools initialIsOpen={false} />}
           </AuthProvider>
         </DataSourceProvider>

apps/web/vite.config.mts

@@ -1,10 +1,13 @@
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
-import path from "path";
+import path from "node:path";
 import { defineConfig } from "vite";
 
 // https://vite.dev/config/
 export default defineConfig({
+  build: {
+    sourcemap: true,
+  },
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {

modules/core/src/common/locales/en.json

@@ -1,5 +1,6 @@
 {
   "common": {
+    "cancel": "Cancel",
     "required": "•"
   },
   "components": {

modules/core/src/common/locales/es.json

@@ -1,5 +1,6 @@
 {
   "common": {
+    "cancel": "Cancelar",
     "required": "•"
   },
   "components": {

modules/customers/src/common/locales/en.json

@@ -2,6 +2,7 @@
   "common": {
     "more_details": "More details",
     "back_to_list": "Back to the list",
+    "cancel": "Cancel",
     "save": "Save"
   },
   "pages": {

modules/customers/src/common/locales/es.json

@@ -2,6 +2,7 @@
   "common": {
     "more_details": "Más detalles",
     "back_to_list": "Back to the list",
+    "cancel": "Cancelar",
     "save": "Guardar"
   },
   "pages": {

modules/customers/src/web/components/customers-list-grid.tsx

@@ -79,7 +79,7 @@ export const CustomersListGrid = () => {
             size='icon'
             className='size-8'
             onClick={() => {
-              navigate(`${data.id}/edit`, { relative: "path" });
+              navigate(`${data.id}/edit`, { relative: "route" });
             }}
           >
             <ChevronRightIcon />

modules/customers/src/web/pages/update/update.tsx

@@ -36,10 +36,11 @@ export const CustomerUpdate = () => {
   const handleSubmit = async (formData: CustomerUpdateData) => {
     try {
       const result = await mutateAsync({ id: customerId!, data: formData });
+      console.log(result);
 
       if (result) {
         showSuccessToast(t("pages.update.successTitle"), t("pages.update.successMsg"));
-        navigate("/customers/list");
+        navigate("/customers/list", { relative: "path" });
       }
     } catch (e) {
       showErrorToast(t("pages.update.errorTitle"), (e as Error).message);
@@ -94,7 +95,7 @@ export const CustomerUpdate = () => {
     <>
       <AppBreadcrumb />
       <AppContent>
-        <div className='flex items-center justify-between space-y-4'>
+        <div className='flex items-center justify-between space-y-4 px-6'>
           <div className='space-y-2'>
             <h2 className='text-2xl font-bold tracking-tight text-balance scroll-m-2'>
               {t("pages.update.title")}