WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Improved folder structure for resources and clean up

Browse Source
This commit is contained in:
Chukwumdiebube Ojinta
2023-06-29 13:18:31 +01:00
parent 382a266b9a
commit d81b9970b3
22 changed files with 109 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Resources/index.jsx
+35 -36
View File
@@ -6,19 +6,18 @@ import { Link } from "react-router-dom";
// import marketPlace from "../../data/marketplace_data.json";
import products from "../../data/product_data.json";
import Layout from "../Partials/Layout";
import ActivitiesTab from "./ActivitiesTab";
import CollectionTab from "./CollectionTab";
import CreatedTab from "./CreatedTab";
import HiddenProductsTab from "./HiddenProductsTab";
import OnSaleTab from "./OnSaleTab";
import OwnTab from "./OwnTab";
import LoadingSpinner from "../Spinners/LoadingSpinner";
import {
ActivitiesTab,
CollectionTab,
CreatedTab,
HiddenProductsTab,
OnSaleTab,
OwnTab,
} from "./tabs";
export default function Resources(props) {
// console.log("RESOURCES=>", props);
// const mainProducts = products.datas;
const ownProducts = products.datas;
// Resource Props
const __resources = props.MyResourceData;
@@ -89,7 +88,7 @@ export default function Resources(props) {
const TabList = ({ tabCategories }) => {
return (
<ul className="lg:flex lg:space-x-14 space-x-8">
{tabCategories.length > 0 &&
{tabCategories?.length > 0 &&
tabCategories?.map((tabValue, idx) => (
<TabItem
key={tabValue.id}
@@ -105,39 +104,39 @@ export default function Resources(props) {
<>
<Layout>
<div className="nft-authprofile-wrapper w-full">
{props.MyResourceData.length == 0 ||
Object.keys(props.MyResourceData).length == 0 ? (
{/* {__resources.length == 0 ||
Object.keys(__resources).length == 0 ? (
<div className="w-full h-full flex items-center justify-center">
<LoadingSpinner size={16} color="sky-blue" />
</div>
) : (
<div className="main-wrapper w-full">
<div className="content-wrapper-profile-only w-full mb-6">
<div className="auth-tab-content relative mb-10">
<div className="lg:flex justify-between">
<div className="tab-items">
<ul className="lg:flex lg:space-x-14 space-x-8">
<TabList tabCategories={tab_categories} />
</ul>
</div>
<div style={{ transform: "translateY(-22px)" }}>
<Link
to="/upload-product"
className="btn-gradient lg:flex hidden w-[153px] h-[46px] rounded-full text-white justify-center items-center"
>
Upload Product
</Link>
</div>
) : ( */}
<div className="main-wrapper w-full">
<div className="content-wrapper-profile-only w-full mb-6">
<div className="auth-tab-content relative mb-10">
<div className="lg:flex justify-between">
<div className="tab-items">
<ul className="lg:flex lg:space-x-14 space-x-8">
<TabList tabCategories={tab_categories} />
</ul>
</div>
<div style={{ transform: "translateY(-22px)" }}>
<Link
to="/upload-product"
className="btn-gradient lg:flex hidden w-[153px] h-[46px] rounded-full text-white justify-center items-center"
>
Upload Product
</Link>
</div>
<div className="hidden lg:block w-full h-[1px] bg-[#DCD5FE] dark:bg-[#5356fb29] absolute top-[42px] left-0"></div>
</div>
</div>
<div className="tab-cotainer w-full mb-10">
{selectedTabComponent}
<div className="hidden lg:block w-full h-[1px] bg-[#DCD5FE] dark:bg-[#5356fb29] absolute top-[42px] left-0"></div>
</div>
</div>
)}
<div className="tab-cotainer w-full mb-10">
{selectedTabComponent}
</div>
</div>
{/* )} */}
</div>
</Layout>
</>