fixed contact router

Author: ArpitKhatri1

package.json

@@ -29,6 +29,7 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.54.2",
+    "react-hot-toast": "^2.5.2",
     "react-icons": "^5.5.0",
     "react-photo-collage": "^1.0.9",
     "react-responsive": "^10.0.0",

pnpm-lock.yaml

@@ -6,7 +6,6 @@ export async function GET(req: NextRequest) {
   const response = await axios.get(
     `https://discoverwithsac-bitspilani.in/2025/main/api/posts/${blogId}`
   );
-  console.log(response.data);
 
   return NextResponse.json(response.data);
 }

src/app/api/getsingleblogpost/route.ts

@@ -6,7 +6,6 @@ export async function GET(req: NextRequest) {
   const response = await axios.get(
     `https://discoverwithsac-bitspilani.in/2025/main/api/events/${eventId}`
   );
-  console.log(response.data);
 
   return NextResponse.json(response.data);
 }

src/app/api/getsingleevent/route.ts

@@ -11,7 +11,6 @@ export async function POST(req: NextRequest) {
       },
     }
   );
-  console.log(response.data);
 
   return NextResponse.json(commentData);
 }

src/app/api/postcomments/route.ts

@@ -3,10 +3,7 @@ import { NextRequest, NextResponse } from "next/server";
 import axios from "axios";
 
 export async function POST(req: NextRequest) {
-  console.log("Route /api/events/postform hit");
-
   const { formData } = await req.json();
-  console.log("Received Form Data:", formData);
 
   try {
     const response = await axios.post(
@@ -19,7 +16,6 @@ export async function POST(req: NextRequest) {
       }
     );
 
-    console.log("API Response:", response.data);
     return NextResponse.json({ success: true, message: "Form submitted!" });
   } catch (error) {
     console.error("Error sending form data:", error);

src/app/api/postform/route.ts

@@ -16,15 +16,14 @@ const SingleResourcePage = ({ params }: PageProps) => {
   const { blogId } = resolvedParams;
 
   const [currentBlogPost, setCurrentBlogPost] = useState<BlogPostType | null>(null);
-  console.log(currentBlogPost)
 
   useEffect(() => {
     const getData = async () => {
       try {
         const response = await axios.get("/api/getsingleblogpost", {
           params: { blogId }
         });
-        console.log("here is the reponse", response.data)
+
         setCurrentBlogPost(response.data as BlogPostType);
       } catch (e) {
         console.log("There was some error", e);
@@ -43,7 +42,7 @@ const SingleResourcePage = ({ params }: PageProps) => {
       </div>
     );
   }
-  console.log(currentBlogPost)
+
 
   return (
     <div className="w-full justify-center min-h-full">

src/app/blogs/[blogId]/page.tsx

@@ -14,7 +14,6 @@ import BlogSkeleton from "@/components/blogs/blog-skeleton";
 
 const BlogsPage = () => {
   const [blogPosts, setBlogPosts] = useState<BlogPostType[] | null>(null);
-  console.log(blogPosts)
 
   useEffect(() => {
     const getData = async () => {
@@ -26,7 +25,7 @@ const BlogsPage = () => {
           image: convertGoogleDriveUrl(post.image),
         }));
         setBlogPosts(transformedPosts);
-        console.log(transformedPosts);
+
       } catch (e) {
         console.log("There was some error", e);
       }

src/app/blogs/page.tsx

@@ -39,7 +39,7 @@ const EventsPage = () => {
         getEvents()
         // setEvents(undefined)
     }, [])
-    console.log(events)
+
 
     return (
         <div className='max-w-[1660px] mx-auto py-7 space-y-10'>

src/app/events/page.tsx

@@ -3,6 +3,8 @@ import "./globals.css";
 import { Inter } from 'next/font/google'
 import { cn } from "@/lib/utils";
 import Footer from "@/components/Footer";
+import { Toaster } from "react-hot-toast";
+
 const inter = Inter({
   subsets: ["latin"], // Choose subsets based on your needs
   // Optional custom variable
@@ -18,6 +20,7 @@ export default function RootLayout({
         className=" w-full h-screen"
       >
         <Navbar />
+        <Toaster />
 
         {children}
         <Footer />

src/app/layout.tsx

@@ -25,12 +25,8 @@ const SingularBlogPost: React.FC<SingularBlogPostProps> = ({
     }
   };
 
-  console.log("Checking for valid url")
-  console.log(isValidUrl(imageUrl))
-  console.log(imageUrl)
   // Default image URL to use when image is invalid or fails to load
 
-
   // Determine which image URL to use
   const safeImageUrl = imgError || !isValidUrl(imageUrl) ? defaultImageUrl : imageUrl;
 

src/components/blogs/singular-blog.tsx

@@ -18,6 +18,7 @@ import {
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import axios from "axios";
+import toast from "react-hot-toast";
 
 const ContactUsForm = () => {
   const form = useForm<formSchemaType>({
@@ -34,10 +35,12 @@ const ContactUsForm = () => {
       const response = await axios.post("/api/postform", {
         formData: values,
       });
-
+      toast.success("Thanks For Your FeedBack!");
       console.log("Success:", response.data);
+      form.reset();
 
     } catch (error) {
+      toast.error("Submission failed. Please try again.");
       console.error("Submission failed:", error);
 
     }
@@ -112,7 +115,7 @@ const ContactUsForm = () => {
 
             <Button
               type="submit"
-              className="w-fit mx-auto bg-[#ffedb8] text-black font-semibold"
+              className="w-fit mx-auto bg-[#ffedb8] text-black font-semibold hover:bg-[#eecf73]"
             >
               Submit
             </Button>

src/components/contact-page/contact-us-form.tsx

@@ -13,7 +13,7 @@ interface ImageItem {
 
 const BlogCarousel = () => {
     const [blogData, setBlogData] = useState<ImageItem[]>([]);
-    console.log(blogData)
+
     useEffect(() => {
         const fetchData = async () => {
             try {