From 74ec77e45ccc1deb5a671039963b4c0abd39034c Mon Sep 17 00:00:00 2001
From: David Arranz <darranz@rodax-software.com>
Date: Mon, 12 Aug 2024 20:35:24 +0200
Subject: [PATCH] .

---
 .../components/CatalogPickerDataTable.tsx       |  5 ++++-
 .../components/editors/CatalogPickerDialog.tsx  | 17 ++++++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/client/src/app/quotes/components/CatalogPickerDataTable.tsx b/client/src/app/quotes/components/CatalogPickerDataTable.tsx
index 0ab2273..f186e00 100644
--- a/client/src/app/quotes/components/CatalogPickerDataTable.tsx
+++ b/client/src/app/quotes/components/CatalogPickerDataTable.tsx
@@ -42,7 +42,10 @@ export const CatalogPickerDataTable = ({ onSelect }: { onSelect: (data: unknown)
           return (
             <button
               key={row.id}
-              className={cn("rounded-lg border p-3 transition-all hover:bg-accent w-full", "")}
+              className={cn(
+                "rounded-lg border p-3  w-full transition delay-150 duration-200 active:scale-95 hover:bg-primary ",
+                ""
+              )}
               onClick={
                 (event) => {
                   event.preventDefault();
diff --git a/client/src/app/quotes/components/editors/CatalogPickerDialog.tsx b/client/src/app/quotes/components/editors/CatalogPickerDialog.tsx
index 42d95e0..a766fe8 100644
--- a/client/src/app/quotes/components/editors/CatalogPickerDialog.tsx
+++ b/client/src/app/quotes/components/editors/CatalogPickerDialog.tsx
@@ -1,4 +1,12 @@
-import { Button, Dialog, DialogContent, DialogFooter } from "@/ui";
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/ui";
 
 import { DataTableProvider } from "@/lib/hooks";
 import { CatalogPickerDataTable } from "../CatalogPickerDataTable";
@@ -15,6 +23,13 @@ export const CatalogPickerDialog = ({
   return (
     <Dialog modal open={isOpen} onOpenChange={onOpenChange}>
       <DialogContent className='w-11/12 max-w-full'>
+        <DialogHeader>
+          <DialogTitle>Are you absolutely sure?</DialogTitle>
+          <DialogDescription>
+            This action cannot be undone. This will permanently delete your account and remove your
+            data from our servers.
+          </DialogDescription>
+        </DialogHeader>
         <DataTableProvider syncWithLocation={false} initialPageSize={5}>
           <CatalogPickerDataTable onSelect={onSelect} />
         </DataTableProvider>