[QuickSignPDF] Add a quick date button (#79)

human-tools · Dec 15, 2022 · d68f907 · d68f907
1 parent c5ec736
commit d68f907
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git 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
@@ -64,7 +64,7 @@ const ToolsNav = ({
         activeClassName={activeClassName}
         to="/quick-sign-pdf"
       >
-        Quick Sign
+        Quick Sign PDF
       </NavLink>
       <NavLink
         exact