diff --git a/src/Routers.jsx b/src/Routers.jsx index 4090809..434298f 100644 --- a/src/Routers.jsx +++ b/src/Routers.jsx @@ -23,6 +23,9 @@ import UploadProductPage from "./views/UploadProductPage"; import UserProfilePage from "./views/UserProfilePage"; import VerifyYouPages from "./views/VerifyYouPages"; +import RemindersPage from './views/RemindersPage'; +import TrackingPage from "./views/TrackingPage"; + export default function Routers() { return ( @@ -51,6 +54,8 @@ export default function Routers() { } /> } /> } /> + } /> + } /> -
-
- {/* dropdown heading */} -
- {/* icon area */} -
- {selectedRate === "LTC" ? ( - - ) : selectedRate === "USD" ? ( - - ) : selectedRate === "BTC" ? ( - - ) : ( - - )} -
- {/* heading */} -
setRateStaticsDropdown(!rateStaticsDropdown)} - > - - {selectedRate} rate - - - - - - -
-
-
    -
  • rateDataSetHandler("ETH")} - > - - - - - ETH Rate - -
    • -
  • rateDataSetHandler("USD")} - > - - - - - USDT Rate - -
    • -
  • rateDataSetHandler("BTC")} - > - - - - - BTC Rate - -
    • -
  • rateDataSetHandler("LTC")} - > - - - - - LTC Rate - -
    • -
-
-
- {/* details Money */} -
-

- $7473.67 USD -

-

+324.75 (11.5%)

-
-
-
- -
-
+ {/* top-creator */}
{/* heading */}

- Top creator + Recent

-
- Weekly - - - - - -
+
@@ -442,10 +324,9 @@ export default function RightSideBar() { {/* heading */}

- Top Platform + Quick Links

- View all
diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx index 7207ae2..66a871a 100644 --- a/src/components/Partials/Sidebar.jsx +++ b/src/components/Partials/Sidebar.jsx @@ -115,7 +115,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
  • (navData.isActive ? "active" : ""), sidebar ? "justify-start space-x-3.5" : "justify-center") @@ -136,6 +136,29 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
    • +
  • + (navData.isActive ? "active" : ""), + sidebar ? "justify-start space-x-3.5" : "justify-center") + }`} + > + + + + + Tracking + + 19 + + + +
  • - Active Bids + Calendar 19
    • -
  • - (navData.isActive ? "active" : ""), - sidebar ? "justify-start space-x-3.5" : "justify-center") - }`} - > - - - - - Marketplace - - 09 - - - -
    • -
  • - (navData.isActive ? "active" : ""), - sidebar ? "justify-start space-x-3.5" : "justify-center") - }`} - > - - - - - My Wallet - - -
    • -
  • - (navData.isActive ? "active" : ""), - sidebar ? "justify-start space-x-3.5" : "justify-center") - }`} - > - - - - - Saved - - 32 - - - -
  • { + if (value === "Last Month") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + "Jan 16", + "Jan 17", + "Jan 18", + "Jan 19", + "Jan 20", + "Jan 21", + "Jan 22", + "Jan 23", + "Jan 24", + "Jan 25", + "Jan 26", + "Jan 27", + "Jan 28", + "Jan 29", + "Jan 30", + ]); + setDatasetOne([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, 66, + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, 60, + ]); + setDatasetTwo([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, 66, + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + } else if (value === "Last 7 days") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + ]); + setDatasetOne([10, -30, 50, -70, 90, -10, 30]); + setDatasetTwo([-20, 40, -60, 80, -90, 20, -40]); + } else { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + setDatasetOne([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, + ]); + setDatasetTwo([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + } + }; + return ( +
    +
    +
    +
    +
    +

    + Market History +

    +
    +
    +
    + +

    + Visitors +

    +
    +
    + +

    + Sales +

    +
    +
    + +
    +
    + +
    +
    + ); +} diff --git a/src/components/Reminders/ReminderTable.jsx b/src/components/Reminders/ReminderTable.jsx new file mode 100644 index 0000000..b6f950c --- /dev/null +++ b/src/components/Reminders/ReminderTable.jsx @@ -0,0 +1,1066 @@ +import React, { useState } from "react"; +import dataImage1 from "../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../assets/images/data-table-user-4.png"; +import SelectBox from "../Helpers/SelectBox"; + +export default function ReminderTable({ className }) { + const filterCategories = ["All Categories", "Explore", "Featured"]; + const [selectedCategory, setCategory] = useState(filterCategories[0]); + return ( +
    +
    +
    +

    + Reminders List +

    +
    + +
    +
    + + + + + + + + + + + + + {selectedCategory === "All Categories" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : selectedCategory === "Explore" ? ( + <> + + + + + + + + + + + + + + + + + + + + ) : ( + <> + + + + + + + + + + + + + + + + + + + + )} + +
    All ProductValueUSD24H%BitsTimeStatus
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + ); +} diff --git a/src/components/Reminders/index.jsx b/src/components/Reminders/index.jsx new file mode 100644 index 0000000..032df13 --- /dev/null +++ b/src/components/Reminders/index.jsx @@ -0,0 +1,18 @@ +import React from "react"; +import HistoryAnalyticsCard from "../Cards/HistoryAnalyticsCard"; +import Layout from "../Partials/Layout"; +import ReminderTable from "./ReminderTable"; + +export default function Reminders() { + return ( + <> + +
    +
    + +
    +
    +     + + ); +} diff --git a/src/components/Tracking/MarketHistorySection.jsx b/src/components/Tracking/MarketHistorySection.jsx new file mode 100644 index 0000000..3ceb3f7 --- /dev/null +++ b/src/components/Tracking/MarketHistorySection.jsx @@ -0,0 +1,145 @@ +import React, { useState } from "react"; +import MarketHistoryChart from "../Charts/MarketHistoryChart"; +import SelectBox from "../Helpers/SelectBox"; + +export default function MarketHistorySection() { + const filterDatas = ["Last 15 days", "Last 7 days", "Last Month"]; + const [currencyDataLvl, setCurrencyDataLvl] = useState([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + const [datasetOne, setDatasetOne] = useState([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, + ]); + const [datasetTwo, setDatasetTwo] = useState([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + const currencyStaticsHandler = (value) => { + if (value === "Last Month") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + "Jan 16", + "Jan 17", + "Jan 18", + "Jan 19", + "Jan 20", + "Jan 21", + "Jan 22", + "Jan 23", + "Jan 24", + "Jan 25", + "Jan 26", + "Jan 27", + "Jan 28", + "Jan 29", + "Jan 30", + ]); + setDatasetOne([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, 66, + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, 60, + ]); + setDatasetTwo([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, 66, + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + } else if (value === "Last 7 days") { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + ]); + setDatasetOne([10, -30, 50, -70, 90, -10, 30]); + setDatasetTwo([-20, 40, -60, 80, -90, 20, -40]); + } else { + setCurrencyDataLvl([ + "Jan 1", + "Jan 2", + "Jan 3", + "Jan 4", + "Jan 5", + "Jan 6", + "Jan 7", + "Jan 8", + "Jan 9", + "Jan 10", + "Jan 11", + "Jan 12", + "Jan 13", + "Jan 14", + "Jan 15", + ]); + setDatasetOne([ + 10, -30, 50, -70, 90, -10, 30, -50, 70, -90, -10, 30, -50, 70, -90, + ]); + setDatasetTwo([ + -20, 40, -60, 80, -90, 20, -40, 60, -80, 90, 20, -40, 60, -80, 90, + ]); + } + }; + return ( +
    +
    +
    +
    +
    +

    + Market History +

    +
    +
    +
    + +

    + Visitors +

    +
    +
    + +

    + Sales +

    +
    +
    + +
    +
    + +
    +
    + ); +} diff --git a/src/components/Tracking/TrackingTable.jsx b/src/components/Tracking/TrackingTable.jsx new file mode 100644 index 0000000..a13a59b --- /dev/null +++ b/src/components/Tracking/TrackingTable.jsx @@ -0,0 +1,1066 @@ +import React, { useState } from "react"; +import dataImage1 from "../../assets/images/data-table-user-1.png"; +import dataImage2 from "../../assets/images/data-table-user-2.png"; +import dataImage3 from "../../assets/images/data-table-user-3.png"; +import dataImage4 from "../../assets/images/data-table-user-4.png"; +import SelectBox from "../Helpers/SelectBox"; + +export default function TrackingTable({ className }) { + const filterCategories = ["All Categories", "Explore", "Featured"]; + const [selectedCategory, setCategory] = useState(filterCategories[0]); + return ( +
    +
    +
    +

    + Tracking +

    +
    + +
    +
    + + + + + + + + + + + + + {selectedCategory === "All Categories" ? ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) : selectedCategory === "Explore" ? ( + <> + + + + + + + + + + + + + + + + + + + + ) : ( + <> + + + + + + + + + + + + + + + + + + + + )} + +
    All ProductValueUSD24H%BitsTimeStatus
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + data +
    +
    +

    + Mullican Computer Joy +

    + + Owned by Xoeyam + +
    +
    +     		+
    + + + + + + + + + + + + + 7473 ETH + +
    +     		+
    + + + + + + + + + + 6392.99$ + +
    +     		+ + -24.75 (11.5%) + + + + 343 + + + + 2 Hours 1 min 30s + + + +
    +
    +
    + ); +} diff --git a/src/components/Tracking/index.jsx b/src/components/Tracking/index.jsx new file mode 100644 index 0000000..dc83875 --- /dev/null +++ b/src/components/Tracking/index.jsx @@ -0,0 +1,20 @@ +import React from "react"; +import HistoryAnalyticsCard from "../Cards/HistoryAnalyticsCard"; +import SellHistoryMarketVisitorAnalytic from "../Home/SellHistoryMarketVisitorAnalytic"; +import Layout from "../Partials/Layout"; +import TrackingTable from "./TrackingTable"; +import MarketHistorySection from "./MarketHistorySection"; + +export default function Tracking() { + return ( + <> + +
    +
    + +
    +
    +     + + ); +} diff --git a/src/views/RemindersPage.jsx b/src/views/RemindersPage.jsx new file mode 100644 index 0000000..a4beedf --- /dev/null +++ b/src/views/RemindersPage.jsx @@ -0,0 +1,10 @@ +import React from "react"; +import Reminders from "../components/Reminders"; + +export default function RemindersPage() { + return ( + <> + + + ); +} diff --git a/src/views/TrackingPage.jsx b/src/views/TrackingPage.jsx new file mode 100644 index 0000000..c4a6fa7 --- /dev/null +++ b/src/views/TrackingPage.jsx @@ -0,0 +1,10 @@ +import React from "react"; +import Tracking from "../components/Tracking"; + +export default function TrackingPage() { + return ( + <> + + + ); +}