Allow commas in numbers, and saving via Enter

Also tweak PWA with eslint/git/prettier (ignore generated files).

.eslintignore

@@ -0,0 +1,10 @@
+**/public/precache.*.*.js
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/fallback-*.js
+**/public/precache.*.*.js.map
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map
+**/public/fallback-*.js

.gitignore

@@ -7,3 +7,13 @@ node_modules
 .env.build
 .serverless
 .serverless_nextjs
+**/public/precache.*.*.js
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/fallback-*.js
+**/public/precache.*.*.js.map
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map
+**/public/fallback-*.js

.prettierignore

@@ -3,3 +3,13 @@ node_modules
 package-lock.json
 .serverless
 .serverless_nextjs
+**/public/precache.*.*.js
+**/public/sw.js
+**/public/workbox-*.js
+**/public/worker-*.js
+**/public/fallback-*.js
+**/public/precache.*.*.js.map
+**/public/sw.js.map
+**/public/workbox-*.js.map
+**/public/worker-*.js.map
+**/public/fallback-*.js

components/ExpenseModal.tsx

@@ -168,14 +168,21 @@ const ExpenseModal = (props: ExpenseModalProps) => {
   };
 
   const onKeyDown = useCallback(
-    (event: React.KeyboardEvent<HTMLDivElement>) => {
+    (event: React.KeyboardEvent<HTMLInputElement>) => {
+      // @ts-ignore: Convert comma to dot
+      if (event.key === ',' && event.target.type === 'number') {
+        event.preventDefault();
+        event.stopPropagation();
+        setCost(`${cost}.`);
+      }
+
       if (event.key === 'Enter') {
         event.preventDefault();
         event.stopPropagation();
         addExpense();
       }
     },
-    [],
+    [cost, description, budget, date],
   );
 
   return (

components/Panels/AddExpense.tsx

@@ -128,14 +128,21 @@ const AddExpense = ({ budgets, reloadData, db }: AddExpenseProps) => {
   };
 
   const onKeyDown = useCallback(
-    (event: React.KeyboardEvent<HTMLDivElement>) => {
+    (event: React.KeyboardEvent<HTMLInputElement>) => {
+      // @ts-ignore: Convert comma to dot
+      if (event.key === ',' && event.target.type === 'number') {
+        event.preventDefault();
+        event.stopPropagation();
+        setCost(`${cost}.`);
+      }
+
       if (event.key === 'Enter') {
         event.preventDefault();
         event.stopPropagation();
         addExpense();
       }
     },
-    [],
+    [cost, description, budget, date],
   );
 
   const budgetsToShow = [...budgets];