From d68f907fb90dbd4bc264699d86c1fc4f5fee5913 Mon Sep 17 00:00:00 2001
From: Mohammad Khatib <mkhatib727@gmail.com>
Date: Thu, 15 Dec 2022 14:05:38 -0800
Subject: [PATCH] [QuickSignPDF] Add a quick date button (#79)

---
 src/QuickSignPDF/QuickSignPDF.tsx | 28 ++++++++++++++++++++++++++++
 src/ToolsNav/ToolsNav.tsx         |  2 +-
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/QuickSignPDF/QuickSignPDF.tsx b/src/QuickSignPDF/QuickSignPDF.tsx
index 5d539bf..71cfbf2 100644
--- a/src/QuickSignPDF/QuickSignPDF.tsx
+++ b/src/QuickSignPDF/QuickSignPDF.tsx
@@ -6,6 +6,7 @@ import {
   ArrowLeftCircleIcon,
   ArrowRightCircleIcon,
   ArrowUpTrayIcon,
+  CalendarDaysIcon,
   LanguageIcon,
   MagnifyingGlassMinusIcon,
   MagnifyingGlassPlusIcon,
@@ -300,6 +301,8 @@ const QuickSignPDF = (): JSX.Element => {
                       hasControls: false,
                       width: 400,
                       fill: rgbColorToCssRgba(color),
+                      top: 100,
+                      left: 100,
                     });
                     editorRef.current.canvas.add(text);
 
@@ -308,6 +311,31 @@ const QuickSignPDF = (): JSX.Element => {
                 >
                   <LanguageIcon className="w-5" />
                 </button>
+                <button
+                  className=" text-gray-500 px-3 py-2  hover:text-green-700 mr-2"
+                  onClick={() => {
+                    if (!editorRef.current) return;
+                    setIsDrawingMode(false);
+                    const text = new fabric.fabric.Textbox(
+                      new Date().toLocaleDateString(),
+                      {
+                        fontFamily: 'Helvetica',
+                        fontSize,
+                        hasControls: false,
+                        width: 400,
+                        fill: rgbColorToCssRgba(color),
+                        top: 100,
+                        left: 100,
+                      }
+                    );
+                    editorRef.current.canvas.add(text);
+
+                    updatePageObjects();
+                  }}
+                >
+                  <CalendarDaysIcon className="w-5" />
+                </button>
+
                 <button
                   className=" text-gray-500 px-1  hover:text-green-700 mr-2"
                   onClick={() => {
diff --git a/src/ToolsNav/ToolsNav.tsx b/src/ToolsNav/ToolsNav.tsx
index 505692f..c1b05a3 100644
--- a/src/ToolsNav/ToolsNav.tsx
+++ b/src/ToolsNav/ToolsNav.tsx
@@ -64,7 +64,7 @@ const ToolsNav = ({
         activeClassName={activeClassName}
         to="/quick-sign-pdf"
       >
-        Quick Sign
+        Quick Sign PDF
       </NavLink>
       <NavLink
         exact