- added login page;

- added file upload;
- added faq item edit modal;

src/components/UnsavedChangesDetector/index.js

@@ -0,0 +1,34 @@
+import { useEffect, useState, useCallback } from 'react';
+import { __ } from '@wordpress/i18n';
+import equal from 'fast-deep-equal';
+
+// tools
+
+const UnsavedChangesDetector = ({ initialData, getValuesFn }) => {
+    const [initial] = useState(initialData);
+
+    const warnIfUnsavedChanges = useCallback((event) => {
+        const updatedData = getValuesFn()
+        const isEqual = equal(initial, updatedData);
+
+        if (!isEqual) {
+            event.returnValue = __('You have unsaved changes. If you proceed, they will be lost.', 'gepafin');
+        }
+
+        return event.returnValue;
+    }, [initial])
+
+    useEffect(() => {
+        window.addEventListener('beforeunload', (e) => {
+            warnIfUnsavedChanges(e);
+        });
+
+        return () => {
+            window.removeEventListener('beforeunload', (e) => {
+                warnIfUnsavedChanges(e);
+            });
+        }
+    }, []);
+}
+
+export default UnsavedChangesDetector;