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 Button from "../ButtonDesign/Button";
import Playlist from "../MiniComponents/Playlist";
import Folderlists from "../Folderlist";
import Folderlists from "../MiniComponents/Folderlist";
import UploadFile from "../UploadFile";
import BasicTable from "../ReactTable4/index";
import SemiDonut from "../SemiDonut";

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

@ -1,11 +1,5 @@
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 }) => {
return (
<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">
<p className="font-sansbold text-xs text-[#132F52]">
{item.memory}
<span className="font-light" style={{ fontSize: "10px" }}>
گیگابایت
</span>
<span className="text-[10px]">گیگابایت</span>
</p>
<p className="font-sansbold text-xs mt-2 text-[#132F52]">
{item.fileNum}
<span className="font-light" style={{ fontSize: "10px" }}>
فایل
</span>
<span className="text-[10px]">فایل</span>
</p>
</div>
</div>
@ -47,28 +37,28 @@ export default Playlist;
Playlist.defaultProps = {
items: [
{
icon: document,
icon: "images/Playlistdocument.svg",
title: "عکسها",
percent: "27 درصد استفاده شده",
memory: 44,
fileNum: 344,
},
{
icon: musicSquare,
icon: "images/Playlistmusic-square.svg",
title: "صوتی",
percent: "27 درصد استفاده شده",
memory: 44,
fileNum: 444,
},
{
icon: videoPlay,
icon: "images/Playlistvideo-play.svg",
title: "ویدئو",
percent: "27 درصد استفاده شده",
memory: 96,
fileNum: 75,
},
{
icon: gallery,
icon: "images/Playlistgallery.svg",
title: "فایلهای مختلف",
percent: "27 درصد استفاده شده",
memory: 92,

@ -4,9 +4,6 @@ import React, { useRef, useState } from "react";
import BasicTable from "./BasicTable";
import TitleSubtitle from "../MiniComponents/BreadCrumb";
import MultiRangeInput from "./MultiRangeInput";
import BreadCrumb from "../MiniComponents/BreadCrumb";
const ReactTable4 = ({ breadCrumbs }) => {
@ -37,7 +34,7 @@ const ReactTable4 = ({ breadCrumbs }) => {
<div className="my-10 w-11/12 mx-auto">
{/* breadCrumb */}
<div className="flex flex-row items-center">
<BreadCrumb />
{/* <BreadCrumb /> */}
{console.log("mahdi")}
{console.log(BreadCrumb)}
</div>

Loading…
Cancel
Save