You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

52 lines
1.4 KiB

3 years ago
import React from "react";
3 years ago
import BreadCrumb from "../BreadCrumb";
import SearchBox from "../SearchBox";
import TitleSubtitle from "../TitleSubtitle";
3 years ago
import CardHolder from "../CardHolder";
3 years ago
3 years ago
import graySearchIcon from "./images/gray-search-icon.svg";
import Playlist from "../Playlist";
3 years ago
const FileManager = () => {
return (
3 years ago
<div style={{ backgroundColor: "#FBFBFB" }} className="flex flex-row">
3 years ago
{/* ? right Section */}
<div className="flex-1 ">
3 years ago
<div className="px-7 py-5">
{/* ? breadCrumb */}
<div className="mb-5">
<BreadCrumb />
</div>
{/* ? pageTitle & searchbox */}
<div className="flex flex-row justify-between">
{/* ? pageTitle */}
<TitleSubtitle />
{/* ? searchbox */}
<div className="self-end">
<SearchBox
borderClr={"#EEEEEE"}
backgroundColor={"#fff"}
inputWidth={"100%"}
placeHolderColor={"placeholder-gray-300"}
searchIcon={graySearchIcon}
/>
</div>
</div>
{/* cardHolder */}
<Playlist />
3 years ago
</div>
3 years ago
<div className="bg-white">
3 years ago
{/* ? pageTitle */}
<TitleSubtitle />
3 years ago
</div>
</div>
3 years ago
{/* left Section */}
<CardHolder />
3 years ago
</div>
);
3 years ago
};
3 years ago
export default FileManager;