Changing Name of tabs.
This commit is contained in:
parent
e041e0fe8a
commit
3d7a404d1f
@ -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";
|
import React from "react";
|
||||||
|
|
||||||
const ServiceJobs = () => {
|
const ServiceJobs = () => {
|
||||||
@ -154,8 +7,8 @@ const ServiceJobs = () => {
|
|||||||
<div className="card-header d-flex justify-content-between">
|
<div className="card-header d-flex justify-content-between">
|
||||||
<div className="card-title mb-0 text-start">
|
<div className="card-title mb-0 text-start">
|
||||||
<h5 className="mb-1">Service Jobs</h5>
|
<h5 className="mb-1">Service Jobs</h5>
|
||||||
<p className="card-subtitle">62 deliveries in progress</p>
|
<p className="card-subtitle">All Projects</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="card-body p-0">
|
<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">
|
<ul className="nav nav-tabs nav-fill rounded-0 timeline-indicator-advanced" role="tablist">
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<button className="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-new">
|
<button className="nav-link active" data-bs-toggle="tab" data-bs-target="#tab-new">
|
||||||
In Progress
|
My Jobs
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
@ -175,7 +28,7 @@ const ServiceJobs = () => {
|
|||||||
</li>
|
</li>
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<button className="nav-link" data-bs-toggle="tab" data-bs-target="#tab-shipping">
|
<button className="nav-link" data-bs-toggle="tab" data-bs-target="#tab-shipping">
|
||||||
All
|
In Progress
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user