tuanpham-dev · bitalizer · Dec 5, 2024 · Dec 5, 2024 · Dec 5, 2024 · Dec 5, 2024
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -1,7 +1,7 @@
 name: Github Pages
 on:
   push:
-    branches: ['master']
+    branches: ['main']
   workflow_dispatch:
 
 permissions:

diff --git a/build/asset-manifest.json b/build/asset-manifest.json
@@ -0,0 +1,17 @@
+{
+  "files": {
+    "main.css": "/react-invoice-generator/static/css/main.99ab4b19.css",
+    "main.js": "/react-invoice-generator/static/js/main.6907655c.js",
+    "service-worker.js": "/react-invoice-generator/service-worker.js",
+    "static/media/download.svg": "/react-invoice-generator/static/media/download.18bbd42e6b29fac26103.svg",
+    "index.html": "/react-invoice-generator/index.html",
+    "static/media/resize.svg": "/react-invoice-generator/static/media/resize.f719defd23407ef1b1e1.svg",
+    "static/media/remove.svg": "/react-invoice-generator/static/media/remove.ecaaf36889311f12afc4.svg",
+    "main.99ab4b19.css.map": "/react-invoice-generator/static/css/main.99ab4b19.css.map",
+    "main.6907655c.js.map": "/react-invoice-generator/static/js/main.6907655c.js.map"
+  },
+  "entrypoints": [
+    "static/css/main.99ab4b19.css",
+    "static/js/main.6907655c.js"
+  ]
+}
diff --git a/build/favicon.ico b/build/favicon.ico
diff --git a/build/index.html b/build/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/react-invoice-generator/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="React Invoice Generator allows you quickly make invoices and save them as PDF"/><link rel="apple-touch-icon" href="/react-invoice-generator/logo192.png"/><link rel="manifest" href="/react-invoice-generator/manifest.json"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600&display=swap"/><title>React Invoice Generator</title><script defer="defer" src="/react-invoice-generator/static/js/main.6907655c.js"></script><link href="/react-invoice-generator/static/css/main.99ab4b19.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
diff --git a/build/logo192.png b/build/logo192.png
diff --git a/build/logo512.png b/build/logo512.png
diff --git a/build/manifest.json b/build/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "Invoice Generator",
+  "name": "React Invoice Generator",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/build/pdf.svg b/build/pdf.svg
diff --git a/build/robots.txt b/build/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/build/service-worker.js b/build/service-worker.js
diff --git a/build/service-worker.js.map b/build/service-worker.js.map
diff --git a/build/static/css/main.99ab4b19.css b/build/static/css/main.99ab4b19.css
diff --git a/build/static/css/main.99ab4b19.css.map b/build/static/css/main.99ab4b19.css.map
diff --git a/build/static/js/main.6907655c.js b/build/static/js/main.6907655c.js
diff --git a/build/static/js/main.6907655c.js.LICENSE.txt b/build/static/js/main.6907655c.js.LICENSE.txt
@@ -0,0 +1,97 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <[email protected]> <http://feross.org>
+ * @license  MIT
+ */
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+
+/*! safe-buffer. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @preserve Knuth and Plass line breaking algorithm in JavaScript
+ *
+ * Licensed under the new BSD License.
+ * Copyright 2009-2010, Bram Stein
+ * All rights reserved.
+ */
+
+/** @license React v0.17.0
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v0.23.0
+ * react-reconciler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
diff --git a/build/static/js/main.6907655c.js.map b/build/static/js/main.6907655c.js.map
diff --git a/build/static/media/download.18bbd42e6b29fac26103.svg b/build/static/media/download.18bbd42e6b29fac26103.svg
diff --git a/build/static/media/remove.ecaaf36889311f12afc4.svg b/build/static/media/remove.ecaaf36889311f12afc4.svg
diff --git a/build/static/media/resize.f719defd23407ef1b1e1.svg b/build/static/media/resize.f719defd23407ef1b1e1.svg
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>React Invoice Generator</title>
     <link rel="preconnect" href="https://fonts.bunny.net" />
-    <link href="https://fonts.bunny.net/css?family=nunito:400,600" rel="stylesheet" />
+    <link href="https://fonts.bunny.net/css?family=inter:400,600" rel="stylesheet" />
     <meta name="theme-color" content="#000000" />
     <link rel="manifest" href="/public/manifest.json" />
 

diff --git a/package.json b/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "homepage": "https://tuanpham-dev.github.io/react-invoice-generator/",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port 4000",
     "build": "tsc && vite build",
     "lint": "prettier -c .",
     "lint:write": "prettier -w .",

diff --git a/src/components/DownloadPDF.tsx b/src/components/DownloadPDF.tsx
@@ -40,10 +40,16 @@ const Download: FC<Props> = ({ data, setData }) => {
     const blob = new Blob([JSON.stringify(debounced)], {
       type: 'text/plain;charset=utf-8',
     })
-    FileSaver(blob, title + '.template')
+    FileSaver(blob, templateName + '.template')
   }
 
-  const title = data.invoiceTitle ? data.invoiceTitle.toLowerCase() : 'invoice'
+  const now = new Date();
+  const formattedDate = `${String(now.getDate()).padStart(2, '0')}_${String(now.getMonth() + 1).padStart(2, '0')}_${now.getFullYear()}`;
+  const title = (data.title ? data.title.toLowerCase().replace(/\s+/g, '_') : 'invoice') + '_' + formattedDate;
+
+  const templateName = (data.clientName ? data.clientName.toLowerCase().replace(/\s+/g, '_') : 'client');
+
+
   return (
     <div className={'download-pdf '}>
       <PDFDownloadLink

diff --git a/src/components/EditableCalendarInput.tsx b/src/components/EditableCalendarInput.tsx
@@ -19,10 +19,10 @@ const EditableCalendarInput: FC<Props> = ({ className, value, selected, onChange
         <Text style={compose('span ' + (className ? className : ''))}>{value}</Text>
       ) : (
         <DatePicker
-          className={'input ' + (className ? className : '')}
+          className={'input ' + (className ? className : 'flex-item')}
           selected={selected}
           onChange={onChange ? (date) => onChange(date) : () => null}
-          dateFormat="MMM dd, yyyy"
+          dateFormat="dd.MM.yyyy"
         />
       )}
     </>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/react-invoice-generator/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="React Invoice Generator allows you quickly make invoices and save them as PDF"/><link rel="apple-touch-icon" href="/react-invoice-generator/logo192.png"/><link rel="manifest" href="/react-invoice-generator/manifest.json"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;600&display=swap"/><title>React Invoice Generator</title><script defer="defer" src="/react-invoice-generator/static/js/main.6907655c.js"></script><link href="/react-invoice-generator/static/css/main.99ab4b19.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>