From 3d7a404d1ff3444468f98c79e5283d6fab68b6a1 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Wed, 26 Nov 2025 16:35:31 +0530
Subject: [PATCH] Changing Name of tabs.

---
 src/components/Dashboard/ServiceJobs.jsx | 155 +----------------------
 1 file changed, 4 insertions(+), 151 deletions(-)

diff --git a/src/components/Dashboard/ServiceJobs.jsx b/src/components/Dashboard/ServiceJobs.jsx
index ae02897d..987addda 100644
--- a/src/components/Dashboard/ServiceJobs.jsx
+++ b/src/components/Dashboard/ServiceJobs.jsx
@@ -1,150 +1,3 @@
-// import React from "react";
-
-// const ServiceJobs = () => {
-//   return (
-//     <div className="col-xxl-4 col-lg-6">
-//       <div className="card h-100">
-//         <div className="card-header d-flex justify-content-between">
-//           <div className="card-title mb-0">
-//             <h5 className="mb-1">Orders by Countries</h5>
-//             <p className="card-subtitle">62 deliveries in progress</p>
-//           </div>
-
-//           <div className="dropdown">
-//             <button
-//               className="btn text-muted p-0"
-//               type="button"
-//               data-bs-toggle="dropdown"
-//             >
-//               <i className="bx bx-dots-vertical-rounded bx-lg"></i>
-//             </button>
-//             <div className="dropdown-menu dropdown-menu-end">
-//               <button className="dropdown-item">Select All</button>
-//               <button className="dropdown-item">Refresh</button>
-//               <button className="dropdown-item">Share</button>
-//             </div>
-//           </div>
-//         </div>
-
-//         <div className="card-body p-0">
-//           <div className="nav-align-top">
-//             {/* Tabs */}
-//             <ul className="nav nav-tabs nav-fill rounded-0 timeline-indicator-advanced" role="tablist">
-//               <li className="nav-item">
-//                 <button
-//                   className="nav-link active"
-//                   data-bs-toggle="tab"
-//                   data-bs-target="#tab-new"
-//                 >
-//                   New
-//                 </button>
-//               </li>
-//               <li className="nav-item">
-//                 <button
-//                   className="nav-link"
-//                   data-bs-toggle="tab"
-//                   data-bs-target="#tab-preparing"
-//                 >
-//                   Preparing
-//                 </button>
-//               </li>
-//               <li className="nav-item">
-//                 <button
-//                   className="nav-link"
-//                   data-bs-toggle="tab"
-//                   data-bs-target="#tab-shipping"
-//                 >
-//                   Shipping
-//                 </button>
-//               </li>
-//             </ul>
-
-//             {/* Tab Content */}
-//             <div className="tab-content border-0 mx-1 text-start">
-
-//               {/* New Tab */}
-//               <div className="tab-pane fade show active" id="tab-new">
-//                 <ul className="timeline mb-0">
-//                   <li className="timeline-item ps-6 border-left-dashed">
-//                     <span className="timeline-indicator-advanced timeline-indicator-success border-0 shadow-none">
-//                       <i className="bx bx-check-circle"></i>
-//                     </span>
-//                     <div className="timeline-event ps-1">
-//                       <div className="timeline-header">
-//                         <small className="text-success text-uppercase">sender</small>
-//                       </div>
-//                       <h6 className="my-50">Myrtle Ullrich</h6>
-//                       <p className="text-body mb-0">101 Boulder, California(CA), 95959</p>
-//                     </div>
-//                   </li>
-
-//                   <li className="timeline-item ps-6 border-transparent">
-//                     <span className="timeline-indicator-advanced timeline-indicator-primary border-0 shadow-none">
-//                       <i className="bx bx-map"></i>
-//                     </span>
-//                     <div className="timeline-event ps-1">
-//                       <div className="timeline-header">
-//                         <small className="text-primary text-uppercase">Receiver</small>
-//                       </div>
-//                       <h6 className="my-50">Barry Schowalter</h6>
-//                       <p className="text-body mb-0">939 Orange, California(CA), 92118</p>
-//                     </div>
-//                   </li>
-//                 </ul>
-
-//                 <div className="border-1 border-light border-top border-dashed my-4"></div>
-
-//                 <ul className="timeline mb-0">
-//                   <li className="timeline-item ps-6 border-left-dashed">
-//                     <span className="timeline-indicator-advanced timeline-indicator-success border-0 shadow-none">
-//                       <i className="bx bx-check-circle"></i>
-//                     </span>
-//                     <div className="timeline-event ps-1">
-//                       <div className="timeline-header">
-//                         <small className="text-success text-uppercase">sender</small>
-//                       </div>
-//                       <h6 className="my-50">Veronica Herman</h6>
-//                       <p className="text-body mb-0">162 Windsor, California(CA), 95492</p>
-//                     </div>
-//                   </li>
-
-//                   <li className="timeline-item ps-6 border-transparent">
-//                     <span className="timeline-indicator-advanced timeline-indicator-primary border-0 shadow-none">
-//                       <i className="bx bx-map"></i>
-//                     </span>
-//                     <div className="timeline-event ps-1">
-//                       <div className="timeline-header">
-//                         <small className="text-primary text-uppercase">Receiver</small>
-//                       </div>
-//                       <h6 className="my-50">Helen Jacobs</h6>
-//                       <p className="text-body mb-0">487 Sunset, California(CA), 94043</p>
-//                     </div>
-//                   </li>
-//                 </ul>
-//               </div>
-
-//               {/* Preparing Tab */}
-//               <div className="tab-pane fade" id="tab-preparing">
-//                 {/* Keep your original content */}
-//                 {/* You can copy the same list structure here */}
-//               </div>
-
-//               {/* Shipping Tab */}
-//               <div className="tab-pane fade" id="tab-shipping">
-//                 {/* Keep your original content */}
-//               </div>
-
-//             </div>
-//           </div>
-//         </div>
-//       </div>
-//     </div>
-//   );
-// };
-
-// export default ServiceJobs;
-
-
 import React from "react";
 
 const ServiceJobs = () => {
@@ -154,8 +7,8 @@ const ServiceJobs = () => {
         <div className="card-header d-flex justify-content-between">
           <div className="card-title mb-0 text-start">
             <h5 className="mb-1">Service Jobs</h5>
-            <p className="card-subtitle">62 deliveries in progress</p>
-          </div>       
+            <p className="card-subtitle">All Projects</p>
+          </div>
         </div>
 
         <div className="card-body p-0">
@@ -165,7 +18,7 @@ const ServiceJobs = () => {
             <ul className="nav nav-tabs nav-fill rounded-0 timeline-indicator-advanced" role="tablist">
               <li className="nav-item">
                 <button className="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-new">
-                  In Progress
+                  My Jobs
                 </button>
               </li>
               <li className="nav-item">
@@ -175,7 +28,7 @@ const ServiceJobs = () => {
               </li>
               <li className="nav-item">
                 <button className="nav-link" data-bs-toggle="tab" data-bs-target="#tab-shipping">
-                  All
+                  In Progress
                 </button>
               </li>
             </ul>