master
mahdi andalib 3 years ago
parent b3f82d5fa9
commit 629fdece6b
  1. 2
      src/App.js
  2. 14
      src/components/BreadCrumb/index.js

@ -91,7 +91,7 @@ function App() {
{/* <TableDesign1 /> */} {/* <TableDesign1 /> */}
{/* <ReactTable2 /> */} {/* <ReactTable2 /> */}
{/* <ReactTable3 /> */} {/* <ReactTable3 /> */}
<ReactTable4 /> {/* <ReactTable4 /> */}
{/* <Digikala /> */} {/* <Digikala /> */}
{/* <HeaderDesign1 /> {/* <HeaderDesign1 />
<div className="flex"> <div className="flex">

@ -15,19 +15,21 @@ const BreadCrumb = ({ breadCrumbs }) => {
}`} }`}
> >
{breadCrumb.name} {breadCrumb.name}
{console.log(breadCrumb.active)}
</span> </span>
{Number(index) !== breadCrumbs.length - 1 && ( {Number(index) !== breadCrumbs.length - 1 && (
<div <div>
className={`mx-2 ${ {console.log(breadCrumbs.length - 1)}
breadCrumb.active ? "text-blue-900" : "text-blue-400"
}`}
>
{/* {breadCrumb.active === true ? ( {/* {breadCrumb.active === true ? (
<img src={grayLeftArrow} className="w-10" /> <img src={grayLeftArrow} className="w-10" />
) : ( ) : (
<img src={blackLeftArrow} className="w-10" /> <img src={blackLeftArrow} className="w-10" />
)} */} )} */}
<img src={grayLeftArrow} className="w-4" /> {Number(index) === breadCrumbs.length - 2 ? (
<img src={blackLeftArrow} className="w-10" />
) : (
<img src={grayLeftArrow} className="w-10" />
)}
</div> </div>
)} )}
</div> </div>

Loading…
Cancel
Save