update App.js, src/components/CardHolder/index.js and src/components/Folderlist/index.js

master
mahdi 2 years ago
parent 31c2826930
commit da7b9258ef
  1. 2
      src/App.js
  2. 25
      src/components/CardHolder/index.js

@ -187,7 +187,7 @@ function App() {
{/* <FolderTree /> */} {/* <FolderTree /> */}
{/* ----------------------------$$$ end---------------------------- */} {/* ----------------------------$$$ end---------------------------- */}
<ReactTable4 /> {/* <ReactTable4 /> */}
{/* <ReactTable5 /> */} {/* <ReactTable5 /> */}
{/* ----------------------------$$$ start---------------------------- */} {/* ----------------------------$$$ start---------------------------- */}

@ -4,19 +4,12 @@ import dropbox from "./images/dropbox.svg";
import googleDrive from "./images/google-drive.svg"; import googleDrive from "./images/google-drive.svg";
import blue from "./images/blue-icon.svg"; import blue from "./images/blue-icon.svg";
const CardHolder = ({ const CardHolder = ({ items, cardClass }) => {
items,
cardImage,
cardBackgroundColor,
cardBorder,
cardBorderColor,
cardBorderRadius,
}) => {
return ( return (
<div className="w-full"> <div className="w-full">
{items.map((item, index) => ( {items.map((item, index) => (
<div <div
className={`px-2 py-1 flex flex-row items-center mt-4 ${cardBorder} ${cardBorderRadius} className={`flex flex-row items-center mt-4 ${cardClass}
${item.active === true ? "bg-blue-100" : "bg-white"} ${item.active === true ? "bg-blue-100" : "bg-white"}
`} `}
style={{ style={{
@ -25,13 +18,11 @@ const CardHolder = ({
}} }}
key={index} key={index}
> >
<img src={item.icon} className="w-14" /> <img src={item.icon} className="w-14" alt="" />
<div className="flex flex-col mr-2 flex-1"> <div className="flex flex-col mr-2 flex-1">
<p style={{ color: "#00253A" }} className="text-sm"> <p className="text-sm text-[#00253A]">{item.title}</p>
{item.title}
</p>
<p className="text-xs text-gray-400 font-light mr-1 mt-2"> <p className="text-xs text-gray-400 font-light mr-1 mt-2">
{item.des}{" "} {item.des}
</p> </p>
</div> </div>
</div> </div>
@ -43,11 +34,7 @@ const CardHolder = ({
export default CardHolder; export default CardHolder;
CardHolder.defaultProps = { CardHolder.defaultProps = {
cardImage: dropbox, cardClass: "border-4 rounded-lg p-2",
cardBackgroundColor: "#fff",
cardBorder: "border-4",
cardBorderColor: "#EEEEEE",
cardBorderRadius: "rounded-lg",
items: [ items: [
{ {

Loading…
Cancel
Save