Remove baseURL from API calling

Author: lakshay2425

src/Components/Features/Forms/Contact.jsx

@@ -1,9 +1,6 @@
-// Contact.jsx
-
 import { useState } from "react";
 import { IoIosMail } from "react-icons/io";
 import { FaUser, FaPaperPlane, FaQuoteLeft, FaStar, FaHeadset } from "react-icons/fa";
-import { HiOutlineSparkles } from "react-icons/hi";
 import axiosInstance from "../../utils/Axios";
 import useAlert from "../../utils/setAlert";
 
@@ -37,26 +34,11 @@ const Contact = () => {
 
     try {
       await axiosInstance.post(
-        `${import.meta.env.VITE_BACKEND_URL}/forms/contactDetails`,
+        `/forms/contactDetails`,
         { details },
-        {
-          headers: {
-            'Content-Type': 'application/json'
-          }
-        }
       );
-
       handleSuccess("Thank you for contacting us, We will get back to you soon");
       setIsSuccess(true);
-      setDetails({
-        username: "",
-        gmail: "",
-        concern: "",
-      });
-
-      // Reset success state after 3 seconds
-      setTimeout(() => setIsSuccess(false), 3000);
-
     } catch (error) {
       if (error.response?.status === 429) {
         handleError('Rate limit exceeded. Please try again later.');
@@ -69,6 +51,11 @@ const Contact = () => {
       }
     } finally {
       setIsSubmitting(false);
+      setDetails({
+        username: "",
+        gmail: "",
+        concern: "",
+      });
     }
   };
 
@@ -93,7 +80,7 @@ const Contact = () => {
             Get in Touch
           </h1>
           <p className="text-xl text-slate-600 max-w-2xl mx-auto leading-relaxed">
-            Have a question or concern? We're here to help. Send us a message and we'll respond promptly.
+            Have a question or concern? We&apos;re here to help. Send us a message and we&apos;ll respond promptly.
           </p>
         </div>
 
@@ -106,13 +93,13 @@ const Contact = () => {
                   <FaPaperPlane className="w-10 h-10 text-green-600" />
                 </div>
                 <h3 className="text-2xl font-bold text-slate-800 mb-4">Message Sent!</h3>
-                <p className="text-slate-600">Thank you for contacting us. We'll get back to you soon.</p>
+                <p className="text-slate-600">Thank you for contacting us. We&apos;ll get back to you soon.</p>
               </div>
             ) : (
               <div className="space-y-8">
                 <div className="text-center">
                   <h2 className="text-3xl font-bold text-slate-800 mb-3">Contact Us</h2>
-                  <p className="text-slate-600">We'd love to hear from you</p>
+                  <p className="text-slate-600">We&apos;d love to hear from you</p>
                 </div>
 
                 <form onSubmit={handleSubmit} className="space-y-6">
@@ -254,7 +241,7 @@ const Contact = () => {
         <div className="max-w-6xl mx-auto mb-16">
           <div className="text-center mb-12">
             <h2 className="text-3xl font-bold text-slate-800 mb-4">Trusted Support</h2>
-            <p className="text-slate-600">We're here to help you succeed</p>
+            <p className="text-slate-600">{"We're here to help you succeed"}</p>
           </div>
 
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
@@ -283,7 +270,7 @@ const Contact = () => {
             <div className="md:col-span-2 lg:col-span-1 bg-white/60 backdrop-blur-sm rounded-2xl p-8 shadow-lg border border-slate-200/50 hover:shadow-xl transition-all duration-300">
               <FaQuoteLeft className="w-6 h-6 text-slate-400 mb-4" />
               <p className="text-slate-700 mb-6 leading-relaxed">
-                "Outstanding support! They resolved my issue quickly and professionally."
+                {"Outstanding support! They resolved my issue quickly and professionally."}
               </p>
               <div className="flex items-center">
                 <div className="w-10 h-10 bg-gradient-to-br from-slate-400 to-slate-600 rounded-full flex items-center justify-center text-white font-bold">

src/Components/Features/Forms/Feedback.jsx

@@ -1,11 +1,12 @@
-// Feedback.jsx
-
 import { useState } from "react";
 import { FaUser, FaPaperPlane, FaQuoteLeft, FaStar } from "react-icons/fa";
 import { IoIosMail } from "react-icons/io";
 import { HiOutlineSparkles } from "react-icons/hi";
+import axiosInstance from "../../utils/Axios";
+import useAlert from "../../utils/setAlert";
 
 const Feedback = () => {
+  const { handleSuccess, handleError } = useAlert();
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isSuccess, setIsSuccess] = useState(false);
   const [focusedField, setFocusedField] = useState(null);
@@ -26,20 +27,31 @@ const Feedback = () => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     setIsSubmitting(true);
-
-    // Simulate API call
-    setTimeout(() => {
+        try{ 
+           await axiosInstance.post(
+        `/forms/feedbackDetails`,
+        {feedback: details.feedback, gmail: details.gmail},
+        )
+          handleSuccess("Thank you for providing your valuable feedback");
+        }
+     catch (error){
+      if (error.response.status === 429) {
+        handleError('Rate limit exceeded. Please try again later.');
+      }else if(error.response.status === 404){
+        handleError("Please enter email that is associated with your account");
+      }else {
+        handleError("Failed to submit the form, Try again later");
+      }
+    }
+    finally{
       setIsSubmitting(false);
       setIsSuccess(true);
       setDetails({
         username: "",
         gmail: "",
         feedback: ""
       });
-
-      // Reset success state after 3 seconds
-      setTimeout(() => setIsSuccess(false), 3000);
-    }, 2000);
+    }
   };
 
   const handleFocus = (fieldName) => setFocusedField(fieldName);

src/Components/Features/Forms/Suggestion.jsx

@@ -1,5 +1,3 @@
-// Suggestion.jsx
-
 import { useState } from "react";
 import { FaUser, FaPen, FaPaperPlane, FaQuoteLeft, FaStar, FaBook, FaBookOpen } from "react-icons/fa";
 import { IoIosMail } from "react-icons/io";
@@ -35,29 +33,13 @@ const Suggestion = () => {
       e.preventDefault();
       setIsSubmitting(true);
 
-      const response = await axiosInstance.post(
-        `${import.meta.env.VITE_BACKEND_URL}/forms/suggestionDetails`,
+      await axiosInstance.post(
+        `/forms/suggestionDetails`,
         details,
-        {
-          headers: {
-            'Content-Type': 'application/json'
-          }
-        }
       );
 
       handleSuccess("Thank you for suggesting us a book. We will review it and get back to you soon.");
       setIsSuccess(true);
-      setDetails({
-        username: "",
-        gmail: "",
-        genre: "",
-        bookName: "",
-        author: "",
-      });
-
-      // Reset success state after 3 seconds
-      setTimeout(() => setIsSuccess(false), 3000);
-
     } catch (error) {
       if (error.response?.status === 429) {
         handleError('Rate limit exceeded. Please try again later.');
@@ -68,6 +50,13 @@ const Suggestion = () => {
       }
     } finally {
       setIsSubmitting(false);
+      setDetails({
+        username: "",
+        gmail: "",
+        genre: "",
+        bookName: "",
+        author: "",
+      });
     }
   };
 
@@ -105,13 +94,13 @@ const Suggestion = () => {
                   <FaBook className="w-10 h-10 text-green-600" />
                 </div>
                 <h3 className="text-2xl font-bold text-slate-800 mb-4">Suggestion Received!</h3>
-                <p className="text-slate-600">Thank you for your book suggestion. We'll review it and get back to you soon.</p>
+                <p className="text-slate-600">Thank you for your book suggestion. We&apos;ll review it and get back to you soon.</p>
               </div>
             ) : (
               <div className="space-y-8">
                 <div className="text-center">
                   <h2 className="text-3xl font-bold text-slate-800 mb-3">Share Your Recommendation</h2>
-                  <p className="text-slate-600">Tell us about a book you'd love to see in our collection</p>
+                  <p className="text-slate-600">Tell us about a book you&apos;d love to see in our collection</p>
                 </div>
 
                 <form onSubmit={handleSubmit} className="space-y-6">
@@ -283,7 +272,7 @@ const Suggestion = () => {
                   <div className="w-3 h-3 bg-white rounded-full"></div>
                 </div>
                 <h4 className="font-semibold mb-2">Build Community</h4>
-                <p className="text-sm text-slate-200">Help fellow readers discover amazing books they'll love</p>
+                <p className="text-sm text-slate-200">Help fellow readers discover amazing books they&apos;ll love</p>
               </div>
               <div className="text-center">
                 <div className="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center mx-auto mb-4">
@@ -336,7 +325,7 @@ const Suggestion = () => {
             <div className="md:col-span-2 lg:col-span-1 bg-white/60 backdrop-blur-sm rounded-2xl p-8 shadow-lg border border-slate-200/50 hover:shadow-xl transition-all duration-300">
               <FaQuoteLeft className="w-6 h-6 text-slate-400 mb-4" />
               <p className="text-slate-700 mb-6 leading-relaxed">
-                "Love how my book suggestions actually get added to the library. Great way to share favorites!"
+                &quot;Love how my book suggestions actually get added to the library. Great way to share favorites&quot;
               </p>
               <div className="flex items-center">
                 <div className="w-10 h-10 bg-gradient-to-br from-slate-400 to-slate-600 rounded-full flex items-center justify-center text-white font-bold">