From d09ea1c27cae3eea7dc93be8c860b173279fc0d5 Mon Sep 17 00:00:00 2001 From: MUGISHA Joseph <143373965+mugishaj092@users.noreply.github.com> Date: Tue, 8 Oct 2024 10:27:21 +0200 Subject: [PATCH] 154 crud application form (#167) * Will add create application feature * Will add update application form feature * Will add view application form feature * Will add dark mode card * Will add create application feature * Will add update application form feature * Will add view application form feature * Will add dark mode card --- .gitignore | 1 + package.json | 1 + src/components/GoogleForm/ApplicationForm.tsx | 6 +- .../GoogleForm/DeleteConfirmationModal.tsx | 62 ++++ src/components/GoogleForm/InputField.tsx | 47 +++ src/components/GoogleForm/RecentForms.tsx | 210 ++++++------ src/components/GoogleForm/SaveForm.tsx | 311 ++++++------------ src/components/GoogleForm/SelectField.tsx | 49 +++ src/components/GoogleForm/UpdateSavedForm.tsx | 228 ++++++------- .../GoogleForm/ViewApplicationModal.tsx | 63 ++++ src/components/GoogleForm/customModal.tsx | 40 +++ src/components/ReusableComponents/Select.tsx | 2 +- .../ApplicationForms/UpdateSavedForm.tsx | 2 +- 13 files changed, 570 insertions(+), 452 deletions(-) create mode 100644 src/components/GoogleForm/DeleteConfirmationModal.tsx create mode 100644 src/components/GoogleForm/InputField.tsx create mode 100644 src/components/GoogleForm/SelectField.tsx create mode 100644 src/components/GoogleForm/ViewApplicationModal.tsx create mode 100644 src/components/GoogleForm/customModal.tsx diff --git a/.gitignore b/.gitignore index db5330e1c..cd34dcb4e 100755 --- a/.gitignore +++ b/.gitignore @@ -5,5 +5,6 @@ coverage dist buildcoverage package-lock.json +yarn.lock .DS_Store build/ \ No newline at end of file diff --git a/package.json b/package.json index 4358a2787..3c0a73255 100755 --- a/package.json +++ b/package.json @@ -121,6 +121,7 @@ "react-icons": "^4.6.0", "react-js-pagination": "^3.0.3", "react-loader-spinner": "^6.1.6", + "react-modal": "^3.16.1", "react-paginate": "^8.1.3", "react-redux": "^8.0.4", "react-render-html": "^0.6.0", diff --git a/src/components/GoogleForm/ApplicationForm.tsx b/src/components/GoogleForm/ApplicationForm.tsx index bd3406c7c..0f438c276 100644 --- a/src/components/GoogleForm/ApplicationForm.tsx +++ b/src/components/GoogleForm/ApplicationForm.tsx @@ -10,9 +10,9 @@ const ApplicationForm = () => { }; return ( -