-
+
{/*
diff --git a/src/components/AuthPages/SignUp/index.jsx b/src/components/AuthPages/SignUp/index.jsx
index f421430..9a8fdc8 100644
--- a/src/components/AuthPages/SignUp/index.jsx
+++ b/src/components/AuthPages/SignUp/index.jsx
@@ -15,10 +15,12 @@ export default function SignUp() {
-
+
+
+
+ );
+}
diff --git a/src/index.css b/src/index.css
index 67c5cbb..8526655 100644
--- a/src/index.css
+++ b/src/index.css
@@ -41,11 +41,19 @@ html {
font-family: "Product Sans";
}
.primary-gradient {
+ background: linear-gradient(134.38deg, #f539f8 0%, #284f64 43.55%, #1a3544 104.51%);
+ /* background-image: url("./assets/images/left-myft.jpg");
+ background-repeat: no-repeat;
+ background-size: cover; */
+}
+
+.primary-home {
/*background: linear-gradient(134.38deg, #f539f8 0%, #284f64 43.55%, #1a3544 104.51%); */
background-image: url("./assets/images/left-myft.jpg");
background-repeat: no-repeat;
background-size: cover;
}
+
.btn-shine {
position: relative;
overflow: hidden;
diff --git a/src/views/ResourcePage.jsx b/src/views/ResourcePage.jsx
new file mode 100644
index 0000000..14b2812
--- /dev/null
+++ b/src/views/ResourcePage.jsx
@@ -0,0 +1,7 @@
+import React from "react";
+//import UserProfile from "../components/AuthPages/UserProfile";
+import Resources from "../components/Resources";
+
+export default function ResourcePage() {
+ return
+ {/*
+ */}
-
+ );
}
diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx
index 046c95a..2b29924 100644
--- a/src/components/Partials/Sidebar.jsx
+++ b/src/components/Partials/Sidebar.jsx
@@ -178,7 +178,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
(navData.isActive ? "active" : ""),
sidebar ? "justify-start space-x-3.5" : "justify-center")
@@ -192,56 +192,11 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
sidebar ? "active flex-1" : "w-0"
}`}
>
- My collections
-
-
-
-
- (navData.isActive ? "active" : ""),
- sidebar ? "justify-start space-x-3.5" : "justify-center")
- }`}
- >
-
-
-
-
- (navData.isActive ? "active" : ""),
- sidebar ? "justify-start space-x-3.5" : "justify-center")
- }`}
- >
-
-
+
+
+ );
+}
diff --git a/src/components/Resources/CollectionTab.jsx b/src/components/Resources/CollectionTab.jsx
new file mode 100644
index 0000000..ac684e9
--- /dev/null
+++ b/src/components/Resources/CollectionTab.jsx
@@ -0,0 +1,58 @@
+import React from "react";
+import CollectionCard from "../Cards/CollectionCard";
+import DataIteration from "../Helpers/DataIteration";
+import SearchCom from "../Helpers/SearchCom";
+
+export default function CollectionTab({ className, products }) {
+ return (
+ <>
+
{/*
*/}
diff --git a/src/components/Home/index.jsx b/src/components/Home/index.jsx
index 2cd0802..12c2837 100644
--- a/src/components/Home/index.jsx
+++ b/src/components/Home/index.jsx
@@ -9,18 +9,17 @@ import TrendingSection from "./TrendingSection";
import UpdateTable from "./UpdateTable";
export default function Home() {
- const trending = datas.datas;
+ const trending = datas.datas;
- return (
-
-
+
- );
+
+
+ {/*
-
+
+
+
+ + Activity +
+
+
+ All Categories
+
+
+
+
+
+
+
+
+
+
+ | List | +Product Name | +Price | +Quantity | +From | +To | +Time | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
| + + 01 + + | +
+
+
+
+
+
+
+ + Mullican Computer Joy ++ + Owned by Xoeyam + + |
+
+
+
+
+
+
+ 6392.99$
+
+
+ |
+ + + 343 + + | ++ + Marvin McKinney + + | ++ + you + + | ++ + 2 days ago + + | +
+
+
+ );
+}
diff --git a/src/components/Resources/CreateSaleSlider.jsx b/src/components/Resources/CreateSaleSlider.jsx
new file mode 100644
index 0000000..292c40a
--- /dev/null
+++ b/src/components/Resources/CreateSaleSlider.jsx
@@ -0,0 +1,104 @@
+import React, { useRef } from "react";
+import ProductCardStyleTwo from "../Cards/ProductCardStyleTwo";
+import Icons from "../Helpers/Icons";
+import SliderCom from"../Helpers/SliderCom";
+
+export default function CreateSaleSlider({
+ className,
+ products,
+ productHide = false,
+}) {
+ const settings = {
+ arrows: false,
+ slidesToShow: 3,
+ slidesToScroll: 3,
+ infinite: true,
+ responsive: [
+ {
+ breakpoint: 769,
+ settings: {
+ slidesToShow: 2,
+ slidesToScroll: 2,
+ },
+ },
+ {
+ breakpoint: 619,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ },
+ },
+ ],
+ };
+ const trendingSlider = useRef(null);
+ const prevHandler = () => {
+ trendingSlider.current.slickPrev();
+ };
+ const nextHandler = () => {
+ trendingSlider.current.slickNext();
+ };
+ return (
+
+
+
+ {/* filter-search */}
+
+
+
+ {/* filer-dropdown */}
+
+
+
+
+ Recently Received
+
+
+
+
+
+
+
+
+
+ {({ datas }) => (
+
+
+
+ {/* heading */}
+
+ );
+}
diff --git a/src/components/Resources/CreatedBidsSlider.jsx b/src/components/Resources/CreatedBidsSlider.jsx
new file mode 100644
index 0000000..88d735e
--- /dev/null
+++ b/src/components/Resources/CreatedBidsSlider.jsx
@@ -0,0 +1,111 @@
+import React, { useRef } from "react";
+import ProductCardStyleOne from "../Cards/ProductCardStyleOne";
+import Icons from "../Helpers/Icons";
+import SliderCom from "../Helpers/SliderCom";
+
+export default function CreatedBidsSlider({
+ className,
+ products,
+ productHide = false,
+}) {
+ const settings = {
+ arrows: false,
+ slidesToShow: 4,
+ slidesToScroll: 4,
+ infinite: true,
+ responsive: [
+ {
+ breakpoint: 1025,
+ settings: {
+ slidesToShow: 3,
+ slidesToScroll: 3,
+ },
+ },
+ {
+ breakpoint: 769,
+ settings: {
+ slidesToShow: 2,
+ slidesToScroll: 2,
+ },
+ },
+ {
+ breakpoint: 619,
+ settings: {
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ },
+ },
+ ],
+ };
+ const trendingSlider = useRef(null);
+ const prevHandler = () => {
+ trendingSlider.current.slickPrev();
+ };
+ const nextHandler = () => {
+ trendingSlider.current.slickNext();
+ };
+ return (
+
+
+ {/* trending products */}
+
+
+ Create for Sell
+
+
+
+
+
+
+ {products &&
+ products.length > 0 &&
+ products.map((item) => (
+
+
+
+ {/* heading */}
+
+ );
+}
diff --git a/src/components/Resources/CreatedTab.jsx b/src/components/Resources/CreatedTab.jsx
new file mode 100644
index 0000000..20febdc
--- /dev/null
+++ b/src/components/Resources/CreatedTab.jsx
@@ -0,0 +1,57 @@
+import React from "react";
+import SearchCom from "../Helpers/SearchCom";
+import CreatedBidsSlider from "./CreatedBidsSlider";
+import CreateSaleSlider from "./CreateSaleSlider";
+
+export default function CreatedTab({
+ className,
+ marketProducts,
+ mainProducts,
+}) {
+ return (
+ <>
+
+
+ {/* trending products */}
+
+
+ Create for Bits
+
+
+
+
+
+
+ {products &&
+ products.length > 0 &&
+ products.map((item) => (
+
+
+
+
+
+ );
+}
diff --git a/src/components/Resources/HiddenProductsTab.jsx b/src/components/Resources/HiddenProductsTab.jsx
new file mode 100644
index 0000000..d7cf4e9
--- /dev/null
+++ b/src/components/Resources/HiddenProductsTab.jsx
@@ -0,0 +1,57 @@
+import React from "react";
+import SearchCom from "../Helpers/SearchCom";
+import CreatedBidsSlider from "./CreatedBidsSlider";
+import CreateSaleSlider from "./CreateSaleSlider";
+
+export default function HiddenProductsTab({
+ className,
+ marketProducts,
+ mainProducts,
+}) {
+ return (
+ <>
+
+
+
+ {/* filter-search */}
+
+
+
+ {/* filer-dropdown */}
+
+
+
+
+ Recently Received
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Resources/OnSaleTab.jsx b/src/components/Resources/OnSaleTab.jsx
new file mode 100644
index 0000000..cbe8665
--- /dev/null
+++ b/src/components/Resources/OnSaleTab.jsx
@@ -0,0 +1,58 @@
+import React from "react";
+import ProductCardStyleTwo from "../Cards/ProductCardStyleTwo";
+import DataIteration from "../Helpers/DataIteration";
+import SearchCom from "../Helpers/SearchCom";
+
+export default function OnSaleTab({ className, products }) {
+ return (
+ <>
+
+
+
+ {/* filter-search */}
+
+
+
+ {/* filer-dropdown */}
+
+
+
+
+ Recently Received
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/Resources/OwnTab.jsx b/src/components/Resources/OwnTab.jsx
new file mode 100644
index 0000000..5831b9d
--- /dev/null
+++ b/src/components/Resources/OwnTab.jsx
@@ -0,0 +1,58 @@
+import React from "react";
+import ProductCardStyleOne from "../Cards/ProductCardStyleOne";
+import DataIteration from "../Helpers/DataIteration";
+import SearchCom from "../Helpers/SearchCom";
+
+export default function OwnTab({ className, products }) {
+ return (
+ <>
+
+
+
+ {/* filter-search */}
+
+
+
+ {/* filer-dropdown */}
+
+
+
+
+ Recently Received
+
+
+
+
+
+
+
+
+
+ {({ datas }) => (
+
+
+
+
+
+ );
+}
diff --git a/src/components/Resources/index.jsx b/src/components/Resources/index.jsx
new file mode 100644
index 0000000..50c52f0
--- /dev/null
+++ b/src/components/Resources/index.jsx
@@ -0,0 +1,142 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import authProfilePic from "../../assets/images/auth-profile-picture.png";
+import profileBanner from "../../assets/images/profile-cover.png";
+import collections from "../../data/collectionplan_data.json";
+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";
+
+export default function Resources() {
+ const onSaleProducts = marketPlace.data;
+ const CreatedSell = marketPlace.data;
+ const CreatedBits = products.datas;
+ // const mainProducts = products.datas;
+ const ownProducts = products.datas;
+ const collectionProducts = collections.data;
+
+ const tabs = [
+ {
+ id: 1,
+ name: "onsale",
+ content: "On Sale",
+ },
+ {
+ id: 2,
+ name: "owned",
+ content: "Owned",
+ },
+ {
+ id: 3,
+ name: "created",
+ content: "Created",
+ },
+ {
+ id: 4,
+ name: "hidden",
+ content: "Hidden",
+ },
+ {
+ id: 5,
+ name: "collection",
+ content: "Collection",
+ },
+ {
+ id: 6,
+ name: "activity",
+ content: "Activity",
+ },
+ ];
+
+ const [tab, setTab] = useState(tabs[0].name);
+ const tabHandler = (value) => {
+ setTab(value);
+ };
+ return (
+ <>
+
+
+
+ {/* filter-search */}
+
+
+
+ {/* filer-dropdown */}
+
+
+
+
+ Recently Received
+
+
+
+
+
+
+
+
+
+ {({ datas }) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+ {tabs &&
+ tabs.length > 0 &&
+ tabs.map((tabValue) => (
+
- tabHandler(tabValue.name)} + > + + {tabValue.content} + + + 16 + + + ))} +
+
+ Upload Product
+
+
+
+ {tab === "onsale" ? (
+
+