From dd5f39205a7c913783abad3c1689c0a4034b7159 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Tue, 16 Jan 2024 23:14:34 +0000
Subject: [PATCH] fix: position of undo signature button

---
 apps/web/src/app/(signing)/sign/[token]/form.tsx       | 1 +
 packages/ui/primitives/signature-pad/signature-pad.tsx | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/app/(signing)/sign/[token]/form.tsx b/apps/web/src/app/(signing)/sign/[token]/form.tsx
index 204c1b308..ba66cc035 100644
--- a/apps/web/src/app/(signing)/sign/[token]/form.tsx
+++ b/apps/web/src/app/(signing)/sign/[token]/form.tsx
@@ -166,6 +166,7 @@ export const SigningForm = ({ document, recipient, fields }: SigningFormProps) =
                           className="h-44 w-full"
                           defaultValue={signature ?? undefined}
                           clearSignatureClassName="absolute -bottom-6 -right-2 z-10 cursor-pointer"
+                          undoSignatureClassName="absolute -top-32 -left-4 z-10 cursor-pointer"
                           onChange={(value) => {
                             setSignature(value);
                           }}
diff --git a/packages/ui/primitives/signature-pad/signature-pad.tsx b/packages/ui/primitives/signature-pad/signature-pad.tsx
index efe77646c..84b280250 100644
--- a/packages/ui/primitives/signature-pad/signature-pad.tsx
+++ b/packages/ui/primitives/signature-pad/signature-pad.tsx
@@ -17,6 +17,7 @@ export type SignaturePadProps = Omit<HTMLAttributes<HTMLCanvasElement>, 'onChang
   onChange?: (_signatureDataUrl: string | null) => void;
   containerClassName?: string;
   clearSignatureClassName?: string;
+  undoSignatureClassName?: string;
 };
 
 export const SignaturePad = ({
@@ -24,6 +25,7 @@ export const SignaturePad = ({
   containerClassName,
   defaultValue,
   clearSignatureClassName,
+  undoSignatureClassName,
   onChange,
   ...props
 }: SignaturePadProps) => {
@@ -240,7 +242,7 @@ export const SignaturePad = ({
       </div>
 
       {lines.length > 0 && (
-        <div className="absolute bottom-4 left-4 flex gap-2">
+        <div className={cn('absolute bottom-4 left-4 flex gap-2', undoSignatureClassName)}>
           <button
             type="button"
             title="undo"