update App.js, src/components/BreadCrumb/index.js and src/components/ReactTable4/index.js

master
mahdi 2 years ago
parent 55219ee6ab
commit 67b6043616
  1. 4
      src/App.js
  2. 31
      src/components/ReactTable4/index.js

@ -209,9 +209,9 @@ function App() {
<FileManager /> <FileManager />
{/* <GridListTable /> */} <GridListTable />
{/* <PopupCard /> */} <PopupCard />
{/* ----------------------------$$$ start---------------------------- */} {/* ----------------------------$$$ start---------------------------- */}
{/* <CircleInCircle /> {/* <CircleInCircle />

@ -7,10 +7,9 @@ import TitleSubtitle from "../TitleSubtitle";
import MultiRangeInput from "./MultiRangeInput"; import MultiRangeInput from "./MultiRangeInput";
import grayLeftArrow from "./gray-arrow-left.svg"; import BreadCrumb from "../BreadCrumb";
import { BreadCrumb } from "../BreadCrumb";
const ReactTable4 = ({ breadCrumbs, subTitle, title }) => { const ReactTable4 = ({ breadCrumbs }) => {
const [tabs, setTabs] = useState([ const [tabs, setTabs] = useState([
{ name: "جدول " + breadCrumbs[breadCrumbs.length - 1].name, id: 0 }, { name: "جدول " + breadCrumbs[breadCrumbs.length - 1].name, id: 0 },
]); ]);
@ -38,26 +37,9 @@ const ReactTable4 = ({ breadCrumbs, subTitle, title }) => {
<div className="my-10 w-11/12 mx-auto"> <div className="my-10 w-11/12 mx-auto">
{/* breadCrumb */} {/* breadCrumb */}
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
{breadCrumbs.map((breadCrumb, index) => ( <BreadCrumb />
<div className="flex flex-row items-center" key={index}> {console.log("mahdi")}
<span {console.log(BreadCrumb)}
className={`cursor-pointer text-xs hover:text-blue-900 ${
breadCrumb.active ? "text-blue-900" : "text-blue-400"
}`}
>
{breadCrumb.name}
</span>
{Number(index) !== breadCrumbs.length - 1 && (
<div
className={`mx-2 ${
breadCrumb.active ? "text-blue-900" : "text-blue-400"
}`}
>
<img src={grayLeftArrow} />
</div>
)}
</div>
))}
</div> </div>
<div className="my-7"> <div className="my-7">
<TitleSubtitle titleBorderClassName={"ml-1 w-1 h-6 bg-red-400"} /> <TitleSubtitle titleBorderClassName={"ml-1 w-1 h-6 bg-red-400"} />
@ -94,7 +76,4 @@ ReactTable4.defaultProps = {
active: true, active: true,
}, },
], ],
title: "میزان فروش محصولات",
subTitle: "اطلاعات جداول مشخصاتی کارکنان مجموعه ایران تایر",
}; };

Loading…
Cancel
Save