Support PDF forms through Form edit mode (#4)

Author: manhtai

README.md

@@ -11,6 +11,7 @@
 
 - Drag & drop fields to customize PDF template
 - Support `.xlsx`, `.xls`, `.ods` Excel files
+- Support PDF forms
 - Work offline
 - Cross-platform
 

src/App.global.css

@@ -19,6 +19,10 @@
     @apply focus:outline-none;
   }
 
+  input {
+    @apply focus:outline-none;
+  }
+
   textarea {
     @apply rounded focus:ring-blue-500 focus:outline-none focus:ring-2 focus:ring-inset;
   }

src/components/merge/MergeList.tsx

@@ -3,10 +3,10 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { ipcRenderer } from 'electron';
 import React, { useEffect, useState } from 'react';
 import { NavLink } from 'react-router-dom';
-import { RenderPdf } from '../pdf/PdfEditor';
+import { RenderPdfState } from '../pdf/PdfEditor';
 
 const MergeList = () => {
-  const [merges, setMerges] = useState<RenderPdf[]>([]);
+  const [merges, setMerges] = useState<RenderPdfState[]>([]);
 
   const loadHistory = () => {
     ipcRenderer
@@ -36,11 +36,11 @@ const MergeList = () => {
           <section className="flex items-center justify-center flex-1 space-x-2 truncate">
             <NavLink
               to={{ pathname: '/new', state }}
-              className="flex items-center justify-center flex-shrink-0 w-10"
+              className="flex items-center justify-center flex-shrink-0 w-8"
             >
               <FontAwesomeIcon
                 icon={['far', 'file-pdf']}
-                className="flex-1 w-8 h-8 text-red-400 hover:opacity-80"
+                className="flex-1 w-5 h-5 text-red-400 hover:opacity-80"
               />
             </NavLink>
 
@@ -64,7 +64,7 @@ const MergeList = () => {
       ))}
 
       {merges.length === 0 ? (
-        <p>Recent merge will appear here when you Preview or Merge files.</p>
+        <p>Recent files will be saved here when you Preview or Merge.</p>
       ) : null}
     </ul>
   );