diff --git a/pages/dashboard/project/[id]/[formid]/index.js b/pages/dashboard/project/[id]/[formid]/index.js index a5d6037..025cfa4 100644 --- a/pages/dashboard/project/[id]/[formid]/index.js +++ b/pages/dashboard/project/[id]/[formid]/index.js @@ -21,7 +21,9 @@ import FormResponse from "../../../../../components/elements/FormResponse"; import DashboardVector from "../../../../../assets/svgs/dashboardsVector.svg"; import Image from "next/image"; import SEO from "../../../../../components/utils/SEO"; -export default function Project() { +export default function FormDashboard() { + const router = useRouter(); + const { formid } = router.query; const { setActive } = useContext(AppbarContext); let { isLoggedIn, user } = useContext(UserContext); useEffect(() => { @@ -60,7 +62,7 @@ export default function Project() { className="ml-auto object-cover h-full" /> -
+

diff --git a/pages/dashboard/project/newproject/index.js b/pages/dashboard/project/newproject/index.js index b0642db..d35f65f 100644 --- a/pages/dashboard/project/newproject/index.js +++ b/pages/dashboard/project/newproject/index.js @@ -3,36 +3,30 @@ import Footer from "../../../../components/elements/Footer"; import Pop from "../../../../components/elements/Popinfo"; import { Input } from "antd"; import user from "../../../../assets/images/illustrations/user.png"; -import { Switch } from "antd"; +import { Switch, Space } from "antd"; import Image from "next/image"; -import { AiOutlinePlus } from "react-icons/ai"; -import { MdDelete } from "react-icons/md"; +import { AiOutlinePlus, AiOutlineClose } from "react-icons/ai"; import { message } from "antd"; import { post } from "../../../../components/utils/API"; import { useRouter } from "next/router"; import { useGoogleReCaptcha } from "react-google-recaptcha-v3"; import SEO from "../../../../components/utils/SEO"; +import DashboardVector from "../../../../assets/svgs/dashboardsVector.svg"; export default function NewProject() { const { executeRecaptcha } = useGoogleReCaptcha(); const router = useRouter(); const [state, setState] = useState(false); const [firstDom, setFirstDom] = useState(""); - const [firstCollab, setFirstCollab] = useState(""); const [projectName, setProjectName] = useState(null); const [recaptchaKey, setReCaptchaKey] = useState(null); const [recaptchaSecret, setReCaptchaSecret] = useState(null); const [domain, setDomain] = useState([]); - const [collaborators, setCollaborators] = useState([]); - const onChange = (checked) => { setState(checked); }; function handleFirstDomainChange(e) { setFirstDom(e.target.value); } - function handleFirstCollabChange(e) { - setFirstCollab(e.target.value); - } function handleAddDomain() { if (firstDom === "") { message.error("Please fill the previous domain"); @@ -44,37 +38,19 @@ export default function NewProject() { const dom = [...domain, []]; setDomain(dom); } - function handleAddCollab() { - if (firstCollab === "") { - message.error("Please fill the previous Collaborator"); - return; - } else if (collaborators[collaborators.length - 1] == "") { - message.error("Please fill the previous Collaborator"); - return; - } - const collab = [...collaborators, []]; - setCollaborators(collab); - } + function handleDomainChange(e, index) { const dom = [...domain]; dom[index] = e.target.value; setDomain(dom); } - function handleCollabChange(e, index) { - const collab = [...collaborators]; - collab[index] = e.target.value; - setCollaborators(collab); - } + function handleDeleteDomain(index) { const delVal = [...domain]; delVal.splice(index, 1); setDomain(delVal); } - function handleDeleteCollab(index) { - const delVal = [...collaborators]; - delVal.splice(index, 1); - setCollaborators(delVal); - } + const success = () => { message.success("Project Successfully saved"); router.push("/dashboard"); @@ -95,7 +71,6 @@ export default function NewProject() { recaptchaKey: recaptchaKey, recaptchaSecret: recaptchaSecret, allowedOrigins: domain, - collaborators: collaborators, recaptcha_token: token, }); res.status === "error" ? message.error(res.error) : success(); @@ -106,7 +81,7 @@ export default function NewProject() { setReCaptchaSecret(null); setState(false); setDomain([]); - setCollaborators([]); + setFirstDom(""); }; return ( <> @@ -116,305 +91,147 @@ export default function NewProject() { easily and securely.No need to create a Backend for collecting form responses on your application`} /> -
-
- - - - -
-

- New Project -

+
+
+ Dashboard Vector +
+
+
+
+

+ {"New Project"} +

+
-
-
-
-
-

- Project Name -

- -
-
- - setProjectName(e.target.value) - } - /> -
-
-
-
-
-

- reCAPTCHA v3 -

-
- -
-
- -
- {state && ( -
- - setReCaptchaKey(e.target.value) - } - /> -
- )} - {state && ( -
- - setReCaptchaSecret( - e.target.value - ) - } - /> -
- )} +
+
+ setProjectName(e.target.value)} + /> +
+
+

+ reCAPTCHA v3 +

+ +
+ {state && ( +
+ + setReCaptchaKey(e.target.value) + } + />
- -
-
-

- Allowed Domains -

-
- - -
-
-
= 3 - ? "h-24 md:h-32 overflow-y-scroll" - : "h-16" + )} + {state && ( +
+ + setReCaptchaSecret(e.target.value) } - > -
- user + /> +
+ )} +
+
+ Add Allowed Domains +
+
+ { + handleFirstDomainChange(e); + }} + value={firstDom} + /> +
+ {domain.map((item, index) => { + return ( +
{ - handleFirstDomainChange(e); + handleDomainChange(e, index); }} /> -
- {domain.map((item, index) => { -
- user - { - handleDomainChange( - e, - index - ); - }} - /> - -
; - return ( -
- user - { - handleDomainChange( - e, - index - ); - }} - /> - -
- ); - })} -
-
-
-
-

- Collaborators -

-
-
-
-
= 3 - ? "h-24 md:h-32 overflow-y-scroll" - : "h-16" - } - > -
- user - { - handleFirstCollabChange(e); - }} - /> -
- {collaborators.map((item, index) => { - return ( -
- user - { - handleCollabChange( - e, - index - ); - }} - /> - -
- ); - })} -
-
+ ); + })} +
+
+
-
+
-
+