added some more info

awaismohammad23 · Dec 8, 2023 · 9634b08 · 9634b08
1 parent 26e2d71
commit 9634b08
Showing 1 changed file with 70 additions and 6 deletions.
diff --git a/frontend/src/Components/StudentDashboard/ContentArea/Tutor/Tutor.jsx b/frontend/src/Components/StudentDashboard/ContentArea/Tutor/Tutor.jsx
@@ -68,6 +68,12 @@ function Tutor() {
     setShowConfirmationMenu(false);
   };
 
+  const handleNextStep = () => {
+    // Handle logic for the next step in the confirmation process
+    // For example, you could navigate to a payment step
+    console.log("Moving to the next step...");
+  };
+
   const handleFormChange = (e) => {
     setFormData({
       ...formData,
@@ -88,10 +94,50 @@ function Tutor() {
   };
 
   const availableTutors = [
-    { id: 1, name: "Awais Mohammad", subject: "Math", experience: "5 years" },
-    { id: 2, name: "Waqar Amin", subject: "Science", experience: "3 years" },
-    { id: 3, name: "Muhammad Aqib", subject: "English", experience: "4 years" },
-    { id: 4, name: "Muhammad Karim", subject: "Chemistry", experience: "3.5 years" },
+    {
+      id: 1,
+      name: "Awais Mohammad",
+      subject: "Math",
+      experience: "5 years",
+      qualification: "Ph.D. in Mathematics",
+      availability: {
+        days: "Mon, Wed, Fri",
+        time: "10:00 AM - 2:00 PM",
+      },
+    },
+    {
+      id: 2,
+      name: "Waqar Amin",
+      subject: "Science",
+      experience: "3 years",
+      qualification: "M.Sc. in Physics",
+      availability: {
+        days: "Tue, Thu",
+        time: "2:00 PM - 6:00 PM",
+      },
+    },
+    {
+      id: 3,
+      name: "Muhammad Aqib",
+      subject: "English",
+      experience: "4 years",
+      qualification: "MA in English Literature",
+      availability: {
+        days: "Mon, Wed, Fri",
+        time: "3:00 PM - 7:00 PM",
+      },
+    },
+    {
+      id: 4,
+      name: "Muhammad Karim",
+      subject: "Chemistry",
+      experience: "3.5 years",
+      qualification: "M.Sc. in Chemistry",
+      availability: {
+        days: "Tue, Thu",
+        time: "10:00 AM - 1:00 PM",
+      },
+    },
   ];
 
   return (
@@ -122,8 +168,26 @@ function Tutor() {
                     <h3>Confirmation Details</h3>
                     <p>Course Fee: $XXX</p>
                     <p>Qualification: {selectedTutor.qualification}</p>
-                    {/* Add any other details you want to display */}
-                    <button onClick={handleCloseModal}>Close</button>
+
+                    {/* Step 1: Availability */}
+                    <div>
+                      <h3>Tutor Availability</h3>
+                      <p>Days: {selectedTutor.availability.days}</p>
+                      <p>Time: {selectedTutor.availability.time}</p>
+                    </div>
+
+                    {/* Step 2: Payment Options */}
+                    <div>
+                      <h3>Payment Options</h3>
+                      <p>Choose a payment method:</p>
+                      {/* Add payment options here */}
+                    </div>
+
+                    {/* Navigation Buttons */}
+                    <div>
+                      <button onClick={handleCloseModal}>Close</button>
+                      <button onClick={handleNextStep}>Next</button>
+                    </div>
                   </div>
                 </Modal>
               )}