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 */} -
+
+
+ +
+ {/* {[0, 1, 2].map((item, index) => ( + + ))} */} + +
+
); diff --git a/src/components/UploadFile/index.js b/src/components/UploadFile/index.js index 829dfed..34db082 100644 --- a/src/components/UploadFile/index.js +++ b/src/components/UploadFile/index.js @@ -4,7 +4,7 @@ import file from "./images/file.svg"; const index = () => { return ( -
+