update 3 files and delete 1 file

master
mahdi 2 years ago
parent 972f1b9d30
commit f514d25cf4
  1. 3
      src/components/FileManager/index.js
  2. 4
      src/components/MiniComponents/Folderlist/index.js
  3. 22
      src/components/MiniComponents/Playlist/index.js
  4. 5
      src/components/ReactTable4/index.js

@ -6,9 +6,8 @@ import TitleSubtitle from "../MiniComponents/TitleSubtitle";
import CardHolder from "../CardDesgin/CardHolder"; import CardHolder from "../CardDesgin/CardHolder";
import Button from "../ButtonDesign/Button"; import Button from "../ButtonDesign/Button";
import Playlist from "../MiniComponents/Playlist"; import Playlist from "../MiniComponents/Playlist";
import Folderlists from "../Folderlist"; import Folderlists from "../MiniComponents/Folderlist";
import UploadFile from "../UploadFile"; import UploadFile from "../UploadFile";
import BasicTable from "../ReactTable4/index"; import BasicTable from "../ReactTable4/index";
import SemiDonut from "../SemiDonut"; import SemiDonut from "../SemiDonut";

@ -2,8 +2,8 @@
import React from "react"; import React from "react";
import ProfilePicNextToEachOther from "../ProfilePicNextToEachOther"; import ProfilePicNextToEachOther from "../../ProfilePicNextToEachOther";
import DropDown from "../MiniComponents/DropDown"; import DropDown from "../DropDown";
const Folderlists = ({ items }) => { const Folderlists = ({ items }) => {
return ( return (

@ -1,11 +1,5 @@
import React from "react"; import React from "react";
// ? images
import document from "./images/document.svg";
import gallery from "./images/gallery.svg";
import musicSquare from "./images/music-square.svg";
import videoPlay from "./images/video-play.svg";
const Playlist = ({ items }) => { const Playlist = ({ items }) => {
return ( return (
<section className="flex flex-row flex-wrap items-center gap-4 mt-7"> <section className="flex flex-row flex-wrap items-center gap-4 mt-7">
@ -25,15 +19,11 @@ const Playlist = ({ items }) => {
<div className="flex flex-col items-center mr-3"> <div className="flex flex-col items-center mr-3">
<p className="font-sansbold text-xs text-[#132F52]"> <p className="font-sansbold text-xs text-[#132F52]">
{item.memory} {item.memory}
<span className="font-light" style={{ fontSize: "10px" }}> <span className="text-[10px]">گیگابایت</span>
گیگابایت
</span>
</p> </p>
<p className="font-sansbold text-xs mt-2 text-[#132F52]"> <p className="font-sansbold text-xs mt-2 text-[#132F52]">
{item.fileNum} {item.fileNum}
<span className="font-light" style={{ fontSize: "10px" }}> <span className="text-[10px]">فایل</span>
فایل
</span>
</p> </p>
</div> </div>
</div> </div>
@ -47,28 +37,28 @@ export default Playlist;
Playlist.defaultProps = { Playlist.defaultProps = {
items: [ items: [
{ {
icon: document, icon: "images/Playlistdocument.svg",
title: "عکسها", title: "عکسها",
percent: "27 درصد استفاده شده", percent: "27 درصد استفاده شده",
memory: 44, memory: 44,
fileNum: 344, fileNum: 344,
}, },
{ {
icon: musicSquare, icon: "images/Playlistmusic-square.svg",
title: "صوتی", title: "صوتی",
percent: "27 درصد استفاده شده", percent: "27 درصد استفاده شده",
memory: 44, memory: 44,
fileNum: 444, fileNum: 444,
}, },
{ {
icon: videoPlay, icon: "images/Playlistvideo-play.svg",
title: "ویدئو", title: "ویدئو",
percent: "27 درصد استفاده شده", percent: "27 درصد استفاده شده",
memory: 96, memory: 96,
fileNum: 75, fileNum: 75,
}, },
{ {
icon: gallery, icon: "images/Playlistgallery.svg",
title: "فایلهای مختلف", title: "فایلهای مختلف",
percent: "27 درصد استفاده شده", percent: "27 درصد استفاده شده",
memory: 92, memory: 92,

@ -4,9 +4,6 @@ import React, { useRef, useState } from "react";
import BasicTable from "./BasicTable"; import BasicTable from "./BasicTable";
import TitleSubtitle from "../MiniComponents/BreadCrumb"; import TitleSubtitle from "../MiniComponents/BreadCrumb";
import MultiRangeInput from "./MultiRangeInput";
import BreadCrumb from "../MiniComponents/BreadCrumb"; import BreadCrumb from "../MiniComponents/BreadCrumb";
const ReactTable4 = ({ breadCrumbs }) => { const ReactTable4 = ({ breadCrumbs }) => {
@ -37,7 +34,7 @@ const ReactTable4 = ({ breadCrumbs }) => {
<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">
<BreadCrumb /> {/* <BreadCrumb /> */}
{console.log("mahdi")} {console.log("mahdi")}
{console.log(BreadCrumb)} {console.log(BreadCrumb)}
</div> </div>

Loading…
Cancel
Save