anupam/issue22/new

client/.env

@@ -1,4 +1,4 @@
- VITE_API_URL="http://127.0.0.1:8000"
+ VITE_API_URL="http://127.0.0.1:8080"
 # VITE_API_URL="https://pic-prism-my-jngk.vercel.app"
 VITE_CLOUDINARY_API_KEY="918647814468562"
 VITE_CLOUDINARY_CLOUD_NAME="dde6ql8hv"

client/src/components/GsapPage.jsx

@@ -4,6 +4,7 @@ import LogIn from '../pages/Login'; // Assuming LogIn is a default export
 import Signup from '../pages/Signup'; // Assuming Signup is a default export
 import SellerDashboard from '../pages/SellerDashboard';
 import BuyerDashboard  from '../pages/BuyerDashboard';
+import VerifyEmail from "../components/VerifyEmail";
 
 
  // Assuming Home is a default export
@@ -35,6 +36,13 @@ export default function GsapPage() {
         <Route path="/signup" element={
             <ProtectedRoute children={<Signup />} requiresAuth={false} />
           } />
+            <Route
+          path="/verify-email"
+          element={
+            <ProtectedRoute children={<VerifyEmail />} requiresAuth={false} />
+          }
+        />
+
         <Route path="/seller/profile" element={<ProtectedRoute children={<SellerDashboard />} />} />
         <Route path="/buyer/profile" element={<ProtectedRoute children={<BuyerDashboard />} />} />
       </Routes>

client/src/components/Navbar.jsx

@@ -212,7 +212,7 @@ const Navbar = () => {
       {/* logo and site name */}
       <div className="flex justify-between items-center">
         {/* I will add the image here later */}
-        <img src="/picprismlogo.png" alt="our logo" className="w-[50px]" />
+
         <Link to="/" className="font-bold text-3xl">
           PicPrism
         </Link>

client/src/components/VerifyEmail.jsx

@@ -0,0 +1,38 @@
+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { useSearchParams } from "react-router-dom";
+
+const VerifyEmail = () => {
+  const [message, setMessage] = useState("");
+  const [searchParams] = useSearchParams();
+
+  useEffect(() => {
+    const verifyEmail = async () => {
+      const token = searchParams.get("token");
+      if (!token) {
+        setMessage("Invalid or missing token.");
+        return;
+      }
+
+      try {
+        const res = await axios.get(`/api/auth/verify-email?token=${token}`);
+        setMessage(res.data.message);
+      } catch (error) {
+        setMessage(error.response?.data?.message || "An error occurred.");
+      }
+    };
+
+    verifyEmail();
+  }, [searchParams]);
+
+  return (
+    <div className="flex items-center justify-center h-screen bg-gray-100">
+      <div className="p-6 bg-white rounded shadow">
+        <h1 className="text-xl font-bold mb-4">Email Verification</h1>
+        <p>{message}</p>
+      </div>
+    </div>
+  );
+};
+
+export default VerifyEmail;

client/src/pages/Home.jsx

@@ -55,28 +55,8 @@ export default function Home() {
               type="button"
               class="absolute inset-y-0 end-0 flex items-center pe-3"
             >
-              <svg
-                class="w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"
-                aria-hidden="true"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 16 20"
-              >
-                <path
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M15 7v3a5.006 5.006 0 0 1-5 5H6a5.006 5.006 0 0 1-5-5V7m7 9v3m-3 0h6M7 1h2a3 3 0 0 1 3 3v5a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3Z"
-                />
-              </svg>
-            </button>
-          </div>
-          <button
-            type="submit"
-            class="inline-flex items-center py-2.5 px-3 ms-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
-          >
-            <svg
+
+<svg
               class="w-4 h-4 me-2"
               aria-hidden="true"
               xmlns="http://www.w3.org/2000/svg"
@@ -91,8 +71,10 @@ export default function Home() {
                 d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
               />
             </svg>
-            Search
-          </button>
+
+            </button>
+          </div>
+
         </form>
       </div>
     </>

server/index.js

@@ -1,12 +1,11 @@
-
-
 const express = require('express');
 const cors = require('cors');
 const { readdirSync } = require('fs');
 const path = require('path');
 const { connectDb } = require('./db/connection');
 require('dotenv').config();
-const PORT =8000;
+
+
 
 const app = express();
 
@@ -42,8 +41,8 @@ app.use(express.json());
 
 
 app.use(cors({
-    // origin: 'https://pic-prism-my.vercel.app',
-    origin: 'http://localhost:5173',
+    origin: 'https://pic-prism-my.vercel.app',
+    // origin: 'http://localhost:5173',
     credentials: true,
 }));