Api integration on create inspection, property, automobile and showing them, edit and get company info

.env

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_API_URL=http://localhost:8000
+NEXT_PUBLIC_MAIN_URL=http://localhost:3000

middleware.js

@@ -0,0 +1,19 @@
+export async function checkAuth(req, res, next) {
+  // Your authentication logic here
+  const verify = req.cookies.quickSilverAuth;
+
+  console.log("From middleware!");
+
+  if (!verify && req.url.includes("/dashboard")) {
+    res.redirect(302, `http://localhost:3000`);
+    return;
+  }
+
+  if (verify && (req.url.includes("/sign-up") || req.url === "/")) {
+    res.redirect(302, `${process.env.NEXT_PUBLIC_MAIN_URL}/dashboard`);
+    return;
+  }
+
+  // If authentication is successful, call the next function
+  next();
+}

next.config.js

@@ -1,6 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-}
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "assets.example.com",
+        port: "",
+        pathname: "/account123/**",
+      },
+    ],
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

package.json

@@ -9,11 +9,15 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@reduxjs/toolkit": "^2.1.0",
+    "js-cookie": "^3.0.5",
     "next": "14.0.4",
     "react": "^18",
     "react-dom": "^18",
     "react-icons": "^5.0.1",
-    "recharts": "^2.10.4"
+    "react-redux": "^9.1.0",
+    "recharts": "^2.10.4",
+    "sweetalert2": "^11.10.4"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.16",

src/Components/Auth/Forgot.js

@@ -1,8 +1,46 @@
-
 import Link from "next/link";
 import AuthLayout from "../../Layout/AuthLayout";
+import { useRouter } from "next/router";
+import Swal from "sweetalert2";
+
+const Forgot = ({ sendResetPasswordLink, isLoading }) => {
+  const { push } = useRouter();
+  const handleSubmit = async (e) => {
+    e.preventDefault();
 
-const Forgot = () => {
+    const email = e.target.email.value;
+    try {
+      const res = await sendResetPasswordLink({ email });
+      if (res?.error?.error) {
+        Swal.fire({
+          icon: "error",
+          title: "Oops...",
+          text: `${res?.error?.error}`,
+        });
+      }
+      if (res?.error?.data?.message) {
+        Swal.fire({
+          icon: "error",
+          title: "Oops...",
+          text: `${res?.error?.data?.message}`,
+        });
+      }
+      if (res?.data?.success) {
+        push("/");
+        Swal.fire({
+          icon: "success",
+          title: "Successful!",
+          text: `${res?.data?.message}`,
+        });
+      }
+    } catch (error) {
+      Swal.fire({
+        icon: "error",
+        title: "Oops...",
+        text: `${error?.message}`,
+      });
+    }
+  };
   return (
     <AuthLayout>
       <div className="signIn">
@@ -12,7 +50,7 @@ const Forgot = () => {
             Sign Up
           </Link>
         </div>
-        <form>
+        <form onSubmit={handleSubmit}>
           <h2 className="text-[32px]">Forgot Password </h2>
           <p className="fs-6 subtitle">
             Enter your email and a password reset will be sent to you
@@ -22,18 +60,21 @@ const Forgot = () => {
               <span>*</span> Email Address
             </label>
             <input
-                className="p-5 h-[unset]"
+              className="p-5 h-[unset]"
               type="email"
               name="email"
               id="email"
               placeholder="Enter your email address"
+              required
             />
           </div>
-          <p className="err_sms mb-5">Invalid Email Address</p>
+          {/* <p className="err_sms mb-5">Invalid Email Address</p> */}
 
-          <Link href="/reset-password">
-            <button className="signIn_btn text-[20px]">Reset Password</button>
-          </Link>
+          {/* <Link href="/reset-password"> */}
+          <button className="signIn_btn text-[20px]" disabled={isLoading}>
+            {isLoading ? "Loading..." : "Reset Password"}
+          </button>
+          {/* </Link> */}
         </form>
         <div></div>
       </div>