From 28a12730fcae42cf72b21f0c5950effad4cf2655 Mon Sep 17 00:00:00 2001
From: print-signs <project.printsigns@gmail.com>
Date: Fri, 24 Nov 2023 15:48:42 +0530
Subject: [PATCH] send request done

---
 .../ContactRequests/AddContactRequest.js      | 401 +++++++++---------
 1 file changed, 190 insertions(+), 211 deletions(-)

diff --git a/src/views/ContactRequests/AddContactRequest.js b/src/views/ContactRequests/AddContactRequest.js
index 9a7faff..f31add7 100644
--- a/src/views/ContactRequests/AddContactRequest.js
+++ b/src/views/ContactRequests/AddContactRequest.js
@@ -1,227 +1,207 @@
-
-
-
-
-
-
-
-
-
-
-
-import React, { useEffect, useState } from 'react'
-import Button from '@material-ui/core/Button'
-import { Link, useNavigate } from 'react-router-dom'
-import swal from 'sweetalert'
-import axios from 'axios'
-import { isAutheticated } from 'src/auth'
+import React, { useEffect, useState } from "react";
+import Button from "@material-ui/core/Button";
+import { Link, useNavigate } from "react-router-dom";
+import swal from "sweetalert";
+import axios from "axios";
+import { isAutheticated } from "src/auth";
 // import { WebsiteURL } from '../WebsiteURL'
 
 const AddContactRequest = () => {
-    const token = isAutheticated()
-    const navigate = useNavigate()
-    const [data, setData] = useState({
+  const token = isAutheticated();
+  const navigate = useNavigate();
+  const [data, setData] = useState({
+    name: "",
+    EmailOrMobile: "",
+    message: "",
+  });
 
-        name: '',
-        EmailOrMobile: '',
-        message: '',
+  const [loading, setLoading] = useState(false);
 
+  const handleChange = (e) => {
+    setData((prev) => ({ ...prev, [e.target.id]: e.target.value }));
+  };
 
-
-    })
-
-
-    const [loading, setLoading] = useState(false)
-
-
-
-
-
-
-
-    const handleChange = (e) => {
-
-
-        setData((prev) => ({ ...prev, [e.target.id]: e.target.value }))
+  const handleSubmit = () => {
+    if (
+      data.name.trim() === "" ||
+      data.EmailOrMobile.trim() === "" ||
+      data.message.trim() === ""
+    ) {
+      swal({
+        title: "Warning",
+        text: "Fill all mandatory fields",
+        icon: "error",
+        button: "Close",
+        dangerMode: true,
+      });
+      return;
     }
+    setLoading(true);
+    const formData = new FormData();
+    formData.set("name", data.name);
+    formData.set("EmailOrMobile", data.EmailOrMobile);
 
+    formData.set("message", data.message);
 
+    axios
+      .post(`/api/contact/request/new/`, formData, {
+        headers: {
+          Authorization: `Bearer ${token}`,
+          "Content-Type": "multipart/formdata",
+          "Access-Control-Allow-Origin": "*",
+        },
+      })
+      .then((res) => {
+        swal({
+          title: "Added",
+          text: "Contact Requests added successfully!",
+          icon: "success",
+          button: "ok",
+        });
+        setLoading(false);
+        navigate("/contact/request", { replace: true });
+      })
+      .catch((err) => {
+        setLoading(false);
+        const message = err.response?.data?.message || "Something went wrong!";
+        swal({
+          title: "Warning",
+          text: message,
+          icon: "error",
+          button: "Retry",
+          dangerMode: true,
+        });
+      });
+  };
 
-
-    const handleSubmit = () => {
-        if (
-            data.name.trim() === '' ||
-            data.EmailOrMobile.trim() === '' ||
-
-
-            data.message.trim() === ''
-
-        ) {
-            swal({
-                title: 'Warning',
-                text: 'Fill all mandatory fields',
-                icon: 'error',
-                button: 'Close',
-                dangerMode: true,
-            })
-            return
-        }
-        setLoading(true)
-        const formData = new FormData()
-        formData.set('name', data.name)
-        formData.set('EmailOrMobile', data.EmailOrMobile)
-
-
-        formData.set('message', data.message)
-
-
-
-        axios
-            .post(`/api/contact/request/new/`, formData, {
-                headers: {
-                    Authorization: `Bearer ${token}`,
-                    'Content-Type': 'multipart/formdata',
-                    'Access-Control-Allow-Origin': '*',
-                },
-            })
-            .then((res) => {
-                swal({
-                    title: 'Added',
-                    text: 'Contact Requests added successfully!',
-                    icon: 'success',
-                    button: 'ok',
-                })
-                setLoading(false)
-                navigate('/contact/request', { replace: true })
-            })
-            .catch((err) => {
-                setLoading(false)
-                const message = err.response?.data?.message || 'Something went wrong!'
-                swal({
-                    title: 'Warning',
-                    text: message,
-                    icon: 'error',
-                    button: 'Retry',
-                    dangerMode: true,
-                })
-            })
-    }
-
-    return (
-        <div className="container">
-            <div className="row">
-                <div className="col-12">
-                    <div
-                        className="
+  return (
+    <div className="container">
+      <div className="row">
+        <div className="col-12">
+          <div
+            className="
                     page-title-box
                     d-flex
                     align-items-center
                     justify-content-between
                   "
-                    >
-                        <div style={{ fontSize: '22px' }} className="fw-bold">
-                            New Contact Request
-                        </div>
-                        <div style={{ display: 'flex', gap: '1rem' }}>
-                            <h4 className="mb-0"></h4>
-                        </div>
-
-                        <div className="page-title-right">
-                            <Button
-                                variant="contained"
-                                color="primary"
-                                style={{
-                                    fontWeight: 'bold',
-                                    marginBottom: '1rem',
-                                    textTransform: 'capitalize',
-                                    marginRight: '5px',
-                                }}
-                                onClick={() => handleSubmit()}
-                                disabled={loading}
-                            >
-                                {loading ? 'Loading' : 'Save'}
-                            </Button>
-                            <Link to="/contact/request">
-                                <Button
-                                    variant="contained"
-                                    color="secondary"
-                                    style={{
-                                        fontWeight: 'bold',
-                                        marginBottom: '1rem',
-                                        textTransform: 'capitalize',
-                                    }}
-                                >
-                                    Back
-                                </Button>
-                            </Link>
-                        </div>
-                    </div>
-                </div>
+          >
+            <div style={{ fontSize: "22px" }} className="fw-bold">
+              New Contact Request
+            </div>
+            <div style={{ display: "flex", gap: "1rem" }}>
+              <h4 className="mb-0"></h4>
             </div>
-            <div className="row">
-                <div className="col-lg-12 col-md-12  col-sm-12 my-1">
-                    <div className="card h-100">
-                        <div className="card-body px-5">
-                            <div className="mb-3">
-                                <label htmlFor="title" className="form-label">
-                                    Name *
-                                </label>
-                                <input
-                                    type="text"
-                                    className="form-control"
-                                    id="name"
-                                    value={data.name}
-                                    maxLength={25}
-                                    onChange={(e) => handleChange(e)}
-                                />
-                                {data.name ? <><small className="charLeft mt-4 fst-italic">
-                                    {25 - data.name.length} characters left
-                                </small></> : <></>
 
-                                }                            </div>
-                            <div className="mb-3">
-                                <label htmlFor="title" className="form-label">
-                                    Email/Mobile *
-                                </label>
-                                <input
-                                    type="text"
-                                    className="form-control"
-                                    id="EmailOrMobile"
-                                    value={data.EmailOrMobile}
-                                    maxLength={25}
-                                    onChange={(e) => handleChange(e)}
-                                />
-                                {data.EmailOrMobile ? <><small className="charLeft mt-4 fst-italic">
-                                    {25 - data.EmailOrMobile.length} characters left
-                                </small></> : <></>
+            <div className="page-title-right">
+              <Button
+                variant="contained"
+                color="primary"
+                style={{
+                  fontWeight: "bold",
+                  marginBottom: "1rem",
+                  textTransform: "capitalize",
+                  marginRight: "5px",
+                }}
+                onClick={() => handleSubmit()}
+                disabled={loading}
+              >
+                {loading ? "Loading" : "Save"}
+              </Button>
+              <Link to="/contact/request">
+                <Button
+                  variant="contained"
+                  color="secondary"
+                  style={{
+                    fontWeight: "bold",
+                    marginBottom: "1rem",
+                    textTransform: "capitalize",
+                  }}
+                >
+                  Back
+                </Button>
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="row">
+        <div className="col-lg-12 col-md-12  col-sm-12 my-1">
+          <div className="card h-100">
+            <div className="card-body px-5">
+              <div className="mb-3">
+                <label htmlFor="title" className="form-label">
+                  Name *
+                </label>
+                <input
+                  type="text"
+                  className="form-control"
+                  id="name"
+                  value={data.name}
+                  maxLength={25}
+                  onChange={(e) => handleChange(e)}
+                />
+                {data.name ? (
+                  <>
+                    <small className="charLeft mt-4 fst-italic">
+                      {25 - data.name.length} characters left
+                    </small>
+                  </>
+                ) : (
+                  <></>
+                )}{" "}
+              </div>
+              <div className="mb-3">
+                <label htmlFor="title" className="form-label">
+                  Email/Mobile *
+                </label>
+                <input
+                  type="text"
+                  className="form-control"
+                  id="EmailOrMobile"
+                  value={data.EmailOrMobile}
+                  maxLength={25}
+                  onChange={(e) => handleChange(e)}
+                />
+                {data.EmailOrMobile ? (
+                  <>
+                    <small className="charLeft mt-4 fst-italic">
+                      {25 - data.EmailOrMobile.length} characters left
+                    </small>
+                  </>
+                ) : (
+                  <></>
+                )}{" "}
+              </div>
 
-                                }                            </div>
+              <div className="mb-3">
+                <label htmlFor="title" className="form-label">
+                  Message *
+                </label>
+                <textarea
+                  type="text"
+                  className="form-control"
+                  id="message"
+                  rows="10"
+                  cols="100"
+                  value={data.message}
+                  placeholder="your message..."
+                  maxLength="500"
+                  onChange={(e) => handleChange(e)}
+                ></textarea>
 
-                            <div className="mb-3">
-                                <label htmlFor="title" className="form-label">
-                                    Message *
-                                </label>
-                                <textarea
-                                    type="text"
-                                    className="form-control"
-                                    id="message"
-                                    rows="10"
-                                    cols="100"
-                                    value={data.message}
-                                    placeholder='your message...'
-                                    maxLength="500"
-                                    onChange={(e) => handleChange(e)}
-                                >
-                                </textarea>
+                {data.message ? (
+                  <>
+                    <small className="charLeft mt-4 fst-italic">
+                      {500 - data.message.length} characters left
+                    </small>
+                  </>
+                ) : (
+                  <></>
+                )}
+              </div>
 
-                                {data.message ? <><small className="charLeft mt-4 fst-italic">
-                                    {500 - data.message.length} characters left
-                                </small></> : <></>
-                                }
-                            </div>
-
-
-                            {/* <div className="mb-3">
+              {/* <div className="mb-3">
                                 <label htmlFor="title" className="form-label">
                                     message *
                                 </label>
@@ -230,13 +210,12 @@ const AddContactRequest = () => {
                                     At w3schools.com you will learn how to make a website. They offer free tutorials in all web development technologies.
                                 </textarea>
                             </div> */}
-                        </div>
-                    </div>
-                </div>
-
             </div>
+          </div>
         </div>
-    )
-}
+      </div>
+    </div>
+  );
+};
 
-export default AddContactRequest
+export default AddContactRequest;