.

client/src/app/quotes/components/QuotesDataTable.tsx

@@ -253,15 +253,17 @@ export const QuotesDataTable = ({
     );
   }
 
-  console.log(data);
-
   if (data?.total_items === 0 && !isFiltered) {
     return (
-      <SimpleEmptyState
-        subtitle='Empieza creando alguna cotización'
-        buttonText=''
-        onButtonClick={() => navigate("add", { relative: "path" })}
-      />
+      <Card>
+        <CardContent>
+          <SimpleEmptyState
+            subtitle='Empieza creando alguna cotización'
+            buttonText={t("quotes.create.title")}
+            onButtonClick={() => navigate("add", { relative: "path" })}
+          />
+        </CardContent>
+      </Card>
     );
   }
 

client/src/app/quotes/edit.tsx

@@ -13,7 +13,7 @@ import { Button, Form, Tabs, TabsContent, TabsList, TabsTrigger } from "@/ui";
 import { CurrencyData, IGetQuote_Response_DTO, Language } from "@shared/contexts";
 import { t } from "i18next";
 import { useEffect, useMemo, useState } from "react";
-import { SubmitHandler, useForm } from "react-hook-form";
+import { useForm } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import { QuotePricesResume } from "./components";
@@ -130,7 +130,7 @@ export const QuoteEdit = () => {
     isDirty,
   });
 
-  const onSubmit: SubmitHandler<QuoteDataForm> = async (data) => {
+  const onSubmit = async (data: QuoteDataForm, shouldRedirect: boolean) => {
     // Transformación del form -> typo de request
 
     mutate(data, {
@@ -143,6 +143,9 @@ export const QuoteEdit = () => {
       onSuccess: () => {
         reset(getValues());
         toast.success("Cotización guardada");
+        if (shouldRedirect) {
+          navigate("/quotes");
+        }
         //clear();
       },
     });
@@ -240,7 +243,7 @@ export const QuoteEdit = () => {
 
   return (
     <Form {...form}>
-      <form onSubmit={handleSubmit(onSubmit)}>
+      <form onSubmit={handleSubmit((data) => onSubmit(data, false))}>
         <div className='mx-auto grid max-w-[90rem] flex-1 auto-rows-max gap-6'>
           <div className='flex items-center gap-4'>
             <BackHistoryButton />
@@ -252,19 +255,24 @@ export const QuoteEdit = () => {
             <div className='items-center hidden gap-2 md:ml-auto md:flex'>
               <CancelButton
                 label={t("common.cancel")}
-                variant='outline'
+                variant='secondary'
                 size='sm'
                 onClick={() => navigate("/quotes")}
               />
 
               <SubmitButton
                 label={t("common.save")}
-                variant={formState.isDirty ? "default" : "outline"}
                 size='sm'
                 disabled={formState.isSubmitting || formState.isLoading || formState.isValidating}
+              />
+
+              <Button
+                size='sm'
+                disabled={formState.isSubmitting || formState.isLoading || formState.isValidating}
+                onClick={handleSubmit((data) => onSubmit(data, true))}
               >
-                {t("common.save")}
-              </SubmitButton>
+                {t("common.save_close")}
+              </Button>
             </div>
           </div>
 

client/src/locales/en.json

@@ -6,6 +6,7 @@
       "no": "No",
       "yes": "Yes",
       "save": "Save",
+      "save_close": "Save and Close",
       "accept": "OK",
       "discard": "Discard",
       "hide": "Hide",

client/src/locales/es.json

@@ -6,6 +6,7 @@
       "no": "No",
       "yes": "Sí",
       "save": "Guardar",
+      "save_close": "Guardar y Cerrar",
       "accept": "Aceptar",
       "discard": "Decartar",
       "hide": "Ocultar",