diff --git a/build.zip b/build.zip
new file mode 100644
index 0000000..4a8d9a2
Binary files /dev/null and b/build.zip differ
diff --git a/src/components/CardHolder/index.js b/src/components/CardHolder/index.js
index 613a5de..fe60404 100644
--- a/src/components/CardHolder/index.js
+++ b/src/components/CardHolder/index.js
@@ -1,8 +1,11 @@
import React from "react";
import dropbox from "./images/dropbox.svg";
+import googleDrive from "./images/google-drive.svg";
+import blue from "./images/blue-icon.svg";
const CardHolder = ({
+ items,
cardImage,
cardBackgroundColor,
cardBorder,
@@ -10,22 +13,29 @@ const CardHolder = ({
cardBorderRadius,
}) => {
return (
-
-
-
-
- فضای ذخیره سازی گوگل درایو
-
-
- فضای باقیمانده 40 گیگابایت از 1000 گیگابایت
-
-
+
+ {items.map((item, index) => (
+
+
+
+
+ {item.title}
+
+
+ {item.des}{" "}
+
+
+
+ ))}
);
};
@@ -38,4 +48,25 @@ CardHolder.defaultProps = {
cardBorder: "border-4",
cardBorderColor: "#EEEEEE",
cardBorderRadius: "rounded-lg",
+
+ items: [
+ {
+ icon: dropbox,
+ title: "فضای ذخیره سازی گوگل درایو",
+ des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
+ active: false,
+ },
+ {
+ icon: blue,
+ title: "فضای ذخیره سازی گوگل درایو",
+ des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
+ active: true,
+ },
+ {
+ icon: dropbox,
+ title: "فضای ذخیره سازی گوگل درایو",
+ des: "فضای باقیمانده 40 گیگابایت از 1000 گیگابایت",
+ active: false,
+ },
+ ],
};
diff --git a/src/components/FileManager/index.js b/src/components/FileManager/index.js
index edb10e6..0171973 100644
--- a/src/components/FileManager/index.js
+++ b/src/components/FileManager/index.js
@@ -9,6 +9,7 @@ import CardHolder from "../CardHolder";
import ButtonNewDesign from "../ButtonNewDesign";
import Playlist from "../Playlist";
import Folderlists from "../Folderlist";
+import UploadFile from "../UploadFile";
import graySearchIcon from "./images/gray-search-icon.svg";
import arrowLeft from "./images/arrow-left.svg";
@@ -95,9 +96,18 @@ const FileManager = () => {
{/* left Section */}
-