From 0c6da5e3a0a6705bdd85f4093ec1bdcb2e62eabc Mon Sep 17 00:00:00 2001
From: bilal <bilalsxj@gmail.com>
Date: Tue, 28 May 2024 19:20:48 +0400
Subject: [PATCH 1/3] new url /join-us which contains form

---
 frontend/package-lock.json                     |  8 ++++----
 frontend/package.json                          |  2 +-
 frontend/src/App.jsx                           |  2 ++
 .../src/components/JoinUsForm/JoinUsForm.jsx   | 18 ++++++++++++++++++
 .../JoinUsForm/JoinUsForm.module.css           |  5 +++++
 frontend/src/pages/JoinUs.jsx                  | 14 ++++++++++++++
 6 files changed, 44 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/components/JoinUsForm/JoinUsForm.jsx
 create mode 100644 frontend/src/components/JoinUsForm/JoinUsForm.module.css
 create mode 100644 frontend/src/pages/JoinUs.jsx

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index b56849c..2c76a69 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -23,7 +23,7 @@
         "eslint-plugin-react": "^7.34.1",
         "eslint-plugin-react-hooks": "^4.6.0",
         "eslint-plugin-react-refresh": "^0.4.6",
-        "vite": "^5.2.0"
+        "vite": "^5.2.12"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -4434,9 +4434,9 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/vite": {
-      "version": "5.2.10",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.10.tgz",
-      "integrity": "sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==",
+      "version": "5.2.12",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.12.tgz",
+      "integrity": "sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==",
       "dependencies": {
         "esbuild": "^0.20.1",
         "postcss": "^8.4.38",
diff --git a/frontend/package.json b/frontend/package.json
index e8bcd0a..c4500b9 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -25,6 +25,6 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
-    "vite": "^5.2.0"
+    "vite": "^5.2.12"
   }
 }
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 29a644d..fd817b5 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -2,6 +2,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom";
 
 import "./App.css";
 import Homepage from "./pages/Homepage";
+import JoinUs from "./pages/JoinUs";
 import Navbar from "./layout/Navbar";
 import Footer from "./layout/Footer";
 
@@ -12,6 +13,7 @@ function App() {
 				<Navbar />
 				<Routes>
 					<Route path='/tech-club-website/' element={<Homepage />} />
+					<Route path='/tech-club-website/join-us' element={<JoinUs />} />
 				</Routes>
 				<Footer />
 			</BrowserRouter>
diff --git a/frontend/src/components/JoinUsForm/JoinUsForm.jsx b/frontend/src/components/JoinUsForm/JoinUsForm.jsx
new file mode 100644
index 0000000..c8b069b
--- /dev/null
+++ b/frontend/src/components/JoinUsForm/JoinUsForm.jsx
@@ -0,0 +1,18 @@
+import styles from './JoinUsForm.module.css';
+
+const JoinUsForm = () => {
+  return (
+    <section className={styles.form}>
+        <div className={styles.joinUsFormContainer}>
+            <iframe
+            title="Join Us Form"
+            src="https://form.jotform.com/241484020996460"
+            frameBorder="0"
+            style={{ width: '100%', height: '100vh'}}
+            />
+        </div>
+    </section>
+  );
+};
+
+export default JoinUsForm;
diff --git a/frontend/src/components/JoinUsForm/JoinUsForm.module.css b/frontend/src/components/JoinUsForm/JoinUsForm.module.css
new file mode 100644
index 0000000..e777d3f
--- /dev/null
+++ b/frontend/src/components/JoinUsForm/JoinUsForm.module.css
@@ -0,0 +1,5 @@
+.form{
+    padding: 0%;
+    padding-top: 150px;
+    
+}
\ No newline at end of file
diff --git a/frontend/src/pages/JoinUs.jsx b/frontend/src/pages/JoinUs.jsx
new file mode 100644
index 0000000..1a7b920
--- /dev/null
+++ b/frontend/src/pages/JoinUs.jsx
@@ -0,0 +1,14 @@
+import JoinUsForm from "../components/JoinUsForm/JoinUsForm";
+
+
+function JoinUs() {
+	return (
+		<>
+			<main>
+				<JoinUsForm/>
+			</main>
+		</>
+	);
+}
+
+export default JoinUs;

From 6d416f13c99fc6034d09d3083451b575b8e26830 Mon Sep 17 00:00:00 2001
From: bilal <bilalsxj@gmail.com>
Date: Tue, 28 May 2024 20:00:19 +0400
Subject: [PATCH 2/3] link team button on nav bar to form url

---
 frontend/src/layout/Navbar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/layout/Navbar.jsx b/frontend/src/layout/Navbar.jsx
index 999a54a..bc9d5c0 100644
--- a/frontend/src/layout/Navbar.jsx
+++ b/frontend/src/layout/Navbar.jsx
@@ -29,7 +29,7 @@ function Navbar() {
 					<img src={navLogo} alt='Logo' />
 				</NavLink>
 				<div className={styles.navlinks}>
-					<NavLink to='/'>Team</NavLink>
+					<NavLink to='/tech-club-website/join-us'>Team</NavLink>
 					<NavLink to='/'>About us</NavLink>
 					<NavLink to='/'>Socials</NavLink>
 				</div>

From 36d7a20555f6cd9697e7e7ebdcc49a22fa643bce Mon Sep 17 00:00:00 2001
From: bilal <bilalsxj@gmail.com>
Date: Thu, 6 Jun 2024 12:34:15 +0400
Subject: [PATCH 3/3] made the form route dynamic

---
 frontend/src/App.jsx                          | 27 ++++++-
 .../src/components/JoinUsForm/JoinUsForm.jsx  | 18 -----
 .../JoinUsForm/JoinUsForm.module.css          |  5 --
 frontend/src/pages/DynamicFormPage.jsx        | 24 ++++++
 frontend/src/pages/JoinUs.jsx                 | 14 ----
 package-lock.json                             | 74 +++++++++++++++----
 6 files changed, 108 insertions(+), 54 deletions(-)
 delete mode 100644 frontend/src/components/JoinUsForm/JoinUsForm.jsx
 delete mode 100644 frontend/src/components/JoinUsForm/JoinUsForm.module.css
 create mode 100644 frontend/src/pages/DynamicFormPage.jsx
 delete mode 100644 frontend/src/pages/JoinUs.jsx

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index af57388..9bde59c 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,21 +1,42 @@
 import { HashRouter, Routes, Route } from "react-router-dom";
+import { useEffect, useState } from 'react';
 
 import "./App.css";
 import Homepage from "./pages/Homepage";
-import JoinUs from "./pages/JoinUs";
 import Navbar from "./layout/Navbar";
 import Footer from "./layout/Footer";
+import DynamicFormPage from "./pages/DynamicFormPage";
+
+
+// data fetch from backend (remove after contected to backend)
+const mockFormLinks = [
+	{ form_link: "https://form.jotform.com/241484020996460" },
+	{ form_link: "https://form.jotform.com/241484020996460" },
+	{ form_link: "https://form.jotform.com/241484020996460" }
+  ];
 
 function App() {
+	const [formLinks, setFormLinks] = useState([]);
+
+	useEffect(() => {
+		setTimeout(() =>{
+			setFormLinks(mockFormLinks);
+		}, 1000);
+	}, [])
+
+
 	return (
 		<>
 			<HashRouter>
 				<Navbar />
 				<Routes>
 
-					<Route path='/tech-club-website/join-us' element={<JoinUs />} />
 					<Route path='/' element={<Homepage />} />
-
+					{/* Dynamically generate routes for each form link  /tech-club-website/#form/0 */}
+					{formLinks.map((form, index) => (
+						<Route key={index} path={`/form/${index}`} element={<DynamicFormPage formLink={form.form_link} />} />
+					))}
+					
 				</Routes>
 				<Footer />
 			</HashRouter>
diff --git a/frontend/src/components/JoinUsForm/JoinUsForm.jsx b/frontend/src/components/JoinUsForm/JoinUsForm.jsx
deleted file mode 100644
index c8b069b..0000000
--- a/frontend/src/components/JoinUsForm/JoinUsForm.jsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import styles from './JoinUsForm.module.css';
-
-const JoinUsForm = () => {
-  return (
-    <section className={styles.form}>
-        <div className={styles.joinUsFormContainer}>
-            <iframe
-            title="Join Us Form"
-            src="https://form.jotform.com/241484020996460"
-            frameBorder="0"
-            style={{ width: '100%', height: '100vh'}}
-            />
-        </div>
-    </section>
-  );
-};
-
-export default JoinUsForm;
diff --git a/frontend/src/components/JoinUsForm/JoinUsForm.module.css b/frontend/src/components/JoinUsForm/JoinUsForm.module.css
deleted file mode 100644
index e777d3f..0000000
--- a/frontend/src/components/JoinUsForm/JoinUsForm.module.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.form{
-    padding: 0%;
-    padding-top: 150px;
-    
-}
\ No newline at end of file
diff --git a/frontend/src/pages/DynamicFormPage.jsx b/frontend/src/pages/DynamicFormPage.jsx
new file mode 100644
index 0000000..4b58856
--- /dev/null
+++ b/frontend/src/pages/DynamicFormPage.jsx
@@ -0,0 +1,24 @@
+import PropTypes from 'prop-types';
+
+
+const DynamicFormPage = ({ formLink }) => {
+
+  return (
+    <section style={{ paddingTop: '130px' }}> 
+      <div>
+        <iframe
+          title="Dynamic Form"
+          src={formLink}
+          frameBorder="0"
+          style={{ width: '100%', height: '100vh' }}
+        />
+      </div>
+    </section>
+  );
+};
+
+DynamicFormPage.propTypes = {
+  formLink: PropTypes.string.isRequired,
+};
+
+export default DynamicFormPage;
diff --git a/frontend/src/pages/JoinUs.jsx b/frontend/src/pages/JoinUs.jsx
deleted file mode 100644
index 1a7b920..0000000
--- a/frontend/src/pages/JoinUs.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import JoinUsForm from "../components/JoinUsForm/JoinUsForm";
-
-
-function JoinUs() {
-	return (
-		<>
-			<main>
-				<JoinUsForm/>
-			</main>
-		</>
-	);
-}
-
-export default JoinUs;
diff --git a/package-lock.json b/package-lock.json
index a9cd951..8d6bf85 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,10 +4,8 @@
   "requires": true,
   "packages": {
     "": {
-      "dependencies": {
-        "husky": "^4.3.8"
-      },
       "devDependencies": {
+        "husky": "^4.3.8",
         "lint-staged": "^15.2.2"
       }
     },
@@ -15,6 +13,7 @@
       "version": "7.24.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.2.tgz",
       "integrity": "sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ==",
+      "dev": true,
       "dependencies": {
         "@babel/highlight": "^7.24.2",
         "picocolors": "^1.0.0"
@@ -27,6 +26,7 @@
       "version": "7.24.5",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz",
       "integrity": "sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA==",
+      "dev": true,
       "engines": {
         "node": ">=6.9.0"
       }
@@ -35,6 +35,7 @@
       "version": "7.24.5",
       "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.5.tgz",
       "integrity": "sha512-8lLmua6AVh/8SLJRRVD6V8p73Hir9w5mJrhE+IPpILG31KKlI9iz5zmBYKcWPS59qSfgP9RaSBQSHHE81WKuEw==",
+      "dev": true,
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.24.5",
         "chalk": "^2.4.2",
@@ -49,6 +50,7 @@
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
       "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^1.9.0"
       },
@@ -60,6 +62,7 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
       "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^3.2.1",
         "escape-string-regexp": "^1.0.5",
@@ -72,7 +75,8 @@
     "node_modules/@types/parse-json": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
-      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="
+      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
+      "dev": true
     },
     "node_modules/ansi-escapes": {
       "version": "6.2.1",
@@ -126,6 +130,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -145,7 +150,8 @@
     "node_modules/ci-info": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
-      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
+      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
+      "dev": true
     },
     "node_modules/cli-cursor": {
       "version": "4.0.0",
@@ -182,6 +188,7 @@
       "version": "1.9.3",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
       "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
       "dependencies": {
         "color-name": "1.1.3"
       }
@@ -189,7 +196,8 @@
     "node_modules/color-name": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
+      "dev": true
     },
     "node_modules/colorette": {
       "version": "2.0.20",
@@ -209,12 +217,14 @@
     "node_modules/compare-versions": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.6.0.tgz",
-      "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA=="
+      "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==",
+      "dev": true
     },
     "node_modules/cosmiconfig": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
       "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dev": true,
       "dependencies": {
         "@types/parse-json": "^4.0.0",
         "import-fresh": "^3.2.1",
@@ -230,6 +240,7 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -275,6 +286,7 @@
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
       "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
       "dependencies": {
         "is-arrayish": "^0.2.1"
       }
@@ -283,6 +295,7 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
       "engines": {
         "node": ">=0.8.0"
       }
@@ -332,6 +345,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -347,6 +361,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/find-versions/-/find-versions-4.0.0.tgz",
       "integrity": "sha512-wgpWy002tA+wgmO27buH/9KzyEOQnKsG/R0yrcjPT9BOFm0zRBVQbZ95nRGXWMywS8YR5knRbpohio0bcJABxQ==",
+      "dev": true,
       "dependencies": {
         "semver-regex": "^3.1.2"
       },
@@ -385,6 +400,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -402,6 +418,7 @@
       "version": "4.3.8",
       "resolved": "https://registry.npmjs.org/husky/-/husky-4.3.8.tgz",
       "integrity": "sha512-LCqqsB0PzJQ/AlCgfrfzRe3e3+NvmefAdKQhRYpxS4u6clblBoDdzzvHi8fmxKRzvMxPY/1WZWzomPZww0Anow==",
+      "dev": true,
       "hasInstallScript": true,
       "dependencies": {
         "chalk": "^4.0.0",
@@ -431,6 +448,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -445,6 +463,7 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -460,6 +479,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -470,12 +490,14 @@
     "node_modules/husky/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/husky/node_modules/has-flag": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -484,6 +506,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -495,6 +518,7 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dev": true,
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -509,7 +533,8 @@
     "node_modules/is-arrayish": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true
     },
     "node_modules/is-fullwidth-code-point": {
       "version": "4.0.0",
@@ -553,12 +578,14 @@
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true
     },
     "node_modules/json-parse-even-better-errors": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
     },
     "node_modules/lilconfig": {
       "version": "3.0.0",
@@ -572,7 +599,8 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
     },
     "node_modules/lint-staged": {
       "version": "15.2.2",
@@ -622,6 +650,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -765,6 +794,7 @@
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
       "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+      "dev": true,
       "bin": {
         "opencollective-postinstall": "index.js"
       }
@@ -773,6 +803,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -787,6 +818,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -801,6 +833,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -812,6 +845,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
         "error-ex": "^1.3.1",
@@ -829,6 +863,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -846,6 +881,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -853,7 +889,8 @@
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -883,6 +920,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
       "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
+      "dev": true,
       "dependencies": {
         "find-up": "^5.0.0"
       },
@@ -894,6 +932,7 @@
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
       "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
+      "dev": true,
       "dependencies": {
         "semver-compare": "^1.0.0"
       }
@@ -902,6 +941,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -961,12 +1001,14 @@
     "node_modules/semver-compare": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
-      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow=="
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "dev": true
     },
     "node_modules/semver-regex": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/semver-regex/-/semver-regex-3.1.4.tgz",
       "integrity": "sha512-6IiqeZNgq01qGf0TId0t3NvKzSvUsjcpdEO3AQNeIjR6A2+ckTnQlDpl4qu1bjRv0RzN3FP9hzFmws3lKqRWkA==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -1011,6 +1053,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
       "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -1088,6 +1131,7 @@
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
       "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
       "dependencies": {
         "has-flag": "^3.0.0"
       },
@@ -1126,6 +1170,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.1.0.tgz",
       "integrity": "sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==",
+      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -1160,6 +1205,7 @@
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },