faq content updated

Profile layout
test
2023-01-30 16:19:48 +01:00 · 2023-01-28 23:52:14 -05:00 · 2023-01-28 23:13:13 -05:00 · 2023-01-28 22:54:47 -05:00 · 2023-01-28 22:27:03 -05:00 · 2023-01-28 21:25:55 -05:00
49 changed files with 18417 additions and 878 deletions
@@ -8,4 +8,6 @@ REACT_APP_APPSITE=" https://myfitapp.mermsemr.com"


 REACT_APP_AUX_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfit"
-REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfitusers"
+REACT_APP_USERS_ENDPOINT = "https://devapi.mermsemr.com/en/desktop/api/v2/myfituser"
+
+REACT_APP_SESSION_EXPIRE_MINUTES = 5
@@ -1,5 +1,5 @@
 {
-  "name": "nft-max-react",
+  "name": "myFit-App",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
@@ -8,8 +8,10 @@
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
+    "axios": "^0.24.0",
    "chart.js": "^3.7.1",
    "chartjs": "^0.3.24",
+    "cors": "^2.8.5",
    "faker": "^6.6.6",
    "react": "^18.0.0",
    "react-chartjs-2": "^4.1.0",
@@ -2,13 +2,10 @@
 <html lang="en">
  <head>
    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.svg" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
+    <meta name="description" content="Cloud-based electronic health record platform for all users. patient health record, family health record">
    <meta name="developed" content="MERMS-myFit" />
    <meta name="published" content="MERMS-myFit" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
@@ -23,6 +23,11 @@ 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";
+import CalendarPage from "./views/CalendarPage";
+import ResourcePage from "./views/ResourcePage";
+
 export default function Routers() {
  return (
    <ScrollToTop>
@@ -45,12 +50,18 @@ export default function Routers() {
        {/* private route */}
        <Route element={<AuthRoute />}>
          <Route exact path="/" element={<HomePages />} />
-          <Route exact path="/active-bids" element={<AcitveBidsPage />} />
+          {/*  <Route exact path="/active-bids" element={<AcitveBidsPage />} />
          <Route exact path="/notification" element={<Notification />} />
          <Route exact path="/market-place" element={<MarketPlacePage />} />
          <Route exact path="/shop-details" element={<ShopDetailsPage />} />
          <Route exact path="/my-wallet" element={<MyWalletPage />} />
-          <Route exact path="/my-collection" element={<MyCollection />} />
+          <Route exact path="/my-collection" element={<MyCollection />} />*/}
+          <Route exact path="/reminders" element={<RemindersPage />} />
+          <Route exact path="/tracking" element={<TrackingPage />} />
+          <Route exact path="/calendar" element={<CalendarPage />} />
+          <Route exact path="/resources" element={<ResourcePage />} />
+          <Route exact path="/my-wallet" element={<MyWalletPage />} />
+          <Route exact path="/notification" element={<Notification />} />
          <Route
            exact
            path="/my-collection/collection-item"
@@ -0,0 +1,10 @@
+<svg width="174" height="31" viewBox="0 0 174 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0,2 173,2" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear_4_1797" x1="1" y1="1" x2="11.0515" y2="59.9411" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F539F8"/>
+<stop offset="0.416763" stop-color="#C342F9"/>
+<stop offset="1" stop-color="#5356FB"/>
+</linearGradient>
+</defs>
+</svg>
@@ -1,7 +1,7 @@
 <svg width="379" height="31" viewBox="0 0 379 31" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 29.5C18.8333 21 68.4183 8.72179 121.5 18.5C178.5 29 365.5 43.5 378 1.5" stroke="url(#paint0_linear_7_3645)" stroke-width="2" stroke-linecap="round"/>
+<path d="M0,0 379,0" stroke="url(#paint0_linear_4_1797)" stroke-width="4" stroke-linecap="round"/>
 <defs>
-<linearGradient id="paint0_linear_7_3645" x1="1" y1="1.5" x2="5.52687" y2="60.7337" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_4_1797" x1="1" y1="1" x2="11.0515" y2="59.9411" gradientUnits="userSpaceOnUse">
 <stop stop-color="#F539F8"/>
 <stop offset="0.416763" stop-color="#C342F9"/>
 <stop offset="1" stop-color="#5356FB"/>
@@ -15,10 +15,12 @@ export default function LoginLayout({ slogan, children }) {
    <div className="layout-wrapper">
      <div className={`main-wrapper w-full ${screen}`}>
        <div className="flex w-full h-full">
-          <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-gradient">
-            <div className="logo">
+          <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-home">
+          {/*
+           <div className="logo">
              <img src={logo} alt="logo" />
            </div>
+          */} 
            <div className="thumbnail flex justify-center">
             {/*  <img src={loginThumb} alt="login-thumb" />*/}
            </div>
@@ -141,77 +141,11 @@ export default function AuthProfile() {
                  </button>
                </div>
              </div>
-              <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">
-                      {tabs &&
-                        tabs.length > 0 &&
-                        tabs.map((tabValue) => (
-                          <li
-                            key={tabValue.id}
-                            className="relative group inline"
-                            onClick={() => tabHandler(tabValue.name)}
-                          >
-                            <span
-                              className={`py-4 sm:border-b-none border-b group-hover:border-purple border-transparent lg:text-xl text-sm tracking-wide font-bold  group-hover:text-purple text-dark-gray dark:text-white relative z-10 cursor-pointer ${
-                                tab === tabValue.name
-                                  ? "text-purple border-purple "
-                                  : "text-dark-gray dark:text-white border-transparent "
-                              }`}
-                            >
-                              {tabValue.content}
-                            </span>
-                            <span
-                              className={`w-5 h-5 group-hover:bg-pink group-hover:text-white  text-[10px]  rounded-full absolute -top-2 -right-5 flex justify-center items-center ${
-                                tab === tabValue.name
-                                  ? "text-white bg-pink"
-                                  : "text-thin-light-gray bg-[#F2B8FD]"
-                              }`}
-                            >
-                              16
-                            </span>
-                          </li>
-                        ))}
-                    </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>
-                <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">
-              {tab === "onsale" ? (
-                <OnSaleTab products={onSaleProducts} />
-              ) : tab === "owned" ? (
-                <OwnTab products={ownProducts} />
-              ) : tab === "created" ? (
-                <CreatedTab
-                  marketProducts={CreatedSell}
-                  mainProducts={CreatedBits}
-                />
-              ) : tab === "hidden" ? (
-                <HiddenProductsTab
-                  marketProducts={CreatedSell}
-                  mainProducts={CreatedBits}
-                />
-              ) : tab === "collection" ? (
-                <CollectionTab products={collectionProducts} />
-              ) : tab === "activity" ? (
-                <ActivitiesTab />
-              ) : (
-                ""
-              )}
-            </div>
          </div>
+          <ActivitiesTab />
        </div>
      </Layout>
    </>
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from 'react-router-dom';
 import titleShape from "../../../assets/images/shape/title-shape-two.svg";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";
@@ -15,7 +16,7 @@ export default function ForgotPassword() {
              <h1 className="sm:text-5xl text-4xl font-bold sm:leading-[74px]   text-dark-gray dark:text-white">
                Forget Password
              </h1>
-              <div className="shape sm:w-[377px] w-[270px] -mt-1 ml-5">
+              <div className="shape sm:w-[377px] w-[270px] -mt-1 ml-0">
                <img src={titleShape} alt="shape" />
              </div>
            </div>
@@ -36,6 +37,13 @@ export default function ForgotPassword() {
                >
                  Send Code
                </a>
+
+
+                <Link to="/"
+                  className=" my-40 font-bold flex justify-center text-red-500 items-center"
+                >
+                  Back to Home
+                </Link>
              </div>
            </div>
          </div>
@@ -2,7 +2,9 @@ import React, { useState } from "react";
 import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import googleLogo from "../../../assets/images/google-logo.svg";
-import titleShape from "../../../assets/images/shape/title-shape.svg";
+// import titleShape from "../../../assets/images/shape/title-shape.svg";
+import titleShape from "../../../assets/images/shape/login_straight_underline.svg";
+import usersService from "../../../services/UsersService";
 import InputCom from "../../Helpers/Inputs/InputCom";
 import AuthLayout from "../AuthLayout";

@@ -18,21 +20,30 @@ export default function Login() {
  };

  // email
-  const [email, setMail] = useState("example@quomodosoft.com");
+  const [email, setMail] = useState("");
  const handleEmail = (e) => {
    setMail(e.target.value);
  };
  // password
-  const [password, setPassword] = useState("123456");
+  const [password, setPassword] = useState("");
  const handlePassword = (e) => {
    setPassword(e.target.value);
  };
  const navigate = useNavigate();
-  const doLogin = () => {
+  const userApi = new usersService();
+  const doLogin = async () => {
    if (email !== "" && password !== "") {
-      if (email === "example@quomodosoft.com") {
+      var postData = {
+        username: email,
+        password: password
+      };
+      const loginResult = await userApi.logInUser(postData);  // just for a test
+      // if (email === "support@mermsemr.com") {
+      if (loginResult.data.status > 0 && loginResult.data.session_token !='') { // just for a start
        localStorage.setItem("email", `${email}`);
+        localStorage.setItem("session_token", `${loginResult.data.session_token}`);
        setLoginLoading(true);
+         // userApi.getUserReminders(); //testing
        setTimeout(() => {
          toast.success("Login Successfully");
          navigate("/", { replace: true });
@@ -56,7 +67,7 @@ export default function Login() {
              <h1 className="text-5xl font-bold leading-[74px]   text-dark-gray dark:text-white">
                Log In
              </h1>
-              <div className="shape -mt-5">
+              <div className="shape mb-[10px]">
                <img src={titleShape} alt="shape" />
              </div>
            </div>
@@ -65,7 +76,7 @@ export default function Login() {
                <InputCom
                  value={email}
                  inputHandler={handleEmail}
-                  placeholder="example@quomodosoft.com"
+                  placeholder="support@mermsemr.com"
                  label="Email Address"
                  name="email"
                  type="email"
@@ -121,9 +132,8 @@ export default function Login() {
                  <button
                    onClick={doLogin}
                    type="button"
-                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${
-                      loginLoading ? "active" : ""
-                    }`}
+                    className={`btn-login  rounded-[50px] mb-6 text-xl text-white font-bold flex justify-center bg-purple items-center ${loginLoading ? "active" : ""
+                      }`}
                  >
                    {loginLoading ? (
                      <div className="signup btn-loader"></div>
@@ -132,7 +142,7 @@ export default function Login() {
                    )}
                  </button>
                </div>
-                {loginError && <p class="text-center text-red-600 pb-4">Invalid Credential</p>}
+                {loginError && <p class="text-center text-red-700 pb-4">Invalid username or password</p>}
                <a
                  href="#"
                  className="w-full border border-light-purple dark:border-[#5356fb29]  rounded-[50px] h-[58px] flex justify-center bg-[#FAFAFA] dark:bg-[#11131F]  items-center"
@@ -145,7 +155,7 @@ export default function Login() {
              </div>
              <div className="signup-area flex justify-center">
                <p className="sm:text-lg text-sm text-thin-light-gray font-normal">
-                  Dont’t have an aceount ?
+                  Don't have an account ?
                  <a href="/signup" className="ml-2   text-dark-gray dark:text-white">
                    Sign up free
                  </a>
@@ -15,16 +15,18 @@ export default function SignUp() {
      <div className="layout-wrapper">
        <div className="main-wrapper w-full xl:h-screen h-full xl:py-0 py-12">
          <div className="flex w-full h-full">
-            <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-gradient">
+            <div className="xl:flex hidden w-1/2 h-full p-[70px]  flex-col justify-between primary-home">
+              {/*
              <div className="logo">
                <img src={logo} alt="logo" />
              </div>
+              */}
              <div className="thumbnail flex justify-center">
-               {/*<img src={loginThumb} alt="login-thumb" /> */} 
+                {/*<img src={loginThumb} alt="login-thumb" /> */}
              </div>
              <div className="article w-[600px]">
                <p className="text-[60px] font-bold leading-[72px] text-white">
-                Welcome to myFit
+                  Welcome to myFit
                </p>
              </div>
            </div>
@@ -35,7 +37,7 @@ export default function SignUp() {
                    <h1 className="sm:text-5xl text-4xl font-bold  text-dark-gray dark:text-white leading-2">
                      Create Account
                    </h1>
-                    <div className="shape sm:w-[377px] w-[280px] -mt-2.5 ml-5">
+                    <div className="shape sm:w-[377px] w-[280px] mb-[10px] ml-5">
                      <img src={titleShape} alt="shape" />
                    </div>
                  </div>
@@ -0,0 +1,17 @@
+import React from "react";
+import Layout from "../Partials/Layout";
+import CalendarTable from "./CalendarTable";
+
+export default function Calendar() {
+  return (
+    <>
+      <Layout>
+        <div className="history-wrapper w-full mb-10">
+          <div className="main-wrapper w-full">
+            <CalendarTable />
+          </div>
+        </div>
+      </Layout>
+    </>
+  );
+}
@@ -26,7 +26,7 @@ export default function Accordion({ datas }) {
            </span>
          </div>
          <div className="accordion-title w-full">
-            <p className="text-18 tracking-wide   text-dark-gray dark:text-white">
+            <p className="text-18 tracking-wide   text-dark-gray dark:text-white cursor-default">
              {datas.title}
            </p>
          </div>
@@ -35,7 +35,7 @@ export default function Accordion({ datas }) {
          <div className="accordion-body-content flex space-x-4 sm:pl-10 pl-5 pt-5">
            <div className="w-[3px] h-auto bg-purple rounded-[28px]"></div>
            <div className="flex-1">
-              <p className="text-base text-thin-light-gray tracking-wide">
+              <p className="text-base text-thin-light-gray tracking-wide cursor-default">
                {datas.content}
              </p>
            </div>
@@ -104,9 +104,7 @@ export default function SellHistoryMarketVisitorAnalytic({ className }) {
      }`}
    >
      <div className="content-wrapper w-full  lg:flex xl:space-x-8 lg:space-x-4">
-        <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
-          <SellHistoryWidget />
-        </div>
+
        <div className="flex-1 ">
          <div className="market-visitor w-full  md:p-8 p-4 h-full bg-white dark:bg-dark-white   overflow-hidden rounded-2xl  section-shadow">
            <div className="flex flex-col justify-between h-full">
@@ -127,6 +125,11 @@ export default function SellHistoryMarketVisitorAnalytic({ className }) {
            </div>
          </div>
        </div>
+        
+        <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
+          <SellHistoryWidget />
+        </div>
+
      </div>
    </div>
  );
@@ -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 (
-    <Layout>
-      <div className="home-page-wrapper">
-        <Hero className="mb-10" />
+    return (
+        <Layout>
+            <div className="home-page-wrapper">
+                {/*   <Hero className="mb-10" />
        <CreateNft />
-        <TrendingSection trending={trending} className="mb-10" />
-        <SellHistoryMarketVisitorAnalytic className="mb-10" />
-        <TopSellerTopBuyerSliderSection className="mb-10" />
-        <UpdateTable className="mb-10" />
-      </div>
-    </Layout>
-  );
+        <TrendingSection trending={trending} className="mb-10" />*/}
+                <SellHistoryMarketVisitorAnalytic className="mb-10"/> {/* <TopSellerTopBuyerSliderSection className="mb-10" /> */}
+                <UpdateTable className="mb-10"/>
+            </div>
+        </Layout>
+    );
 }
@@ -192,142 +192,7 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
              </div>
            </button>
            {/* balance */}
-            <div className="lg:flex hidden user-balance cursor-pointer lg:w-[252px] w-[150px] h-[48px]  items-center rounded-full relative  bg-purple pr-1.5 pl-4">
-              <div
-                onClick={() => handlerBalance()}
-                className="flex items-center lg:justify-between justify-center w-full h-full"
-              >
-                <span className="lg:block hidden">
-                  <Icons name="wallet" />
-                </span>
-                <p className="lg:text-xl text-lg font-bold text-white">
-                  $ 234,435.34
-                </p>
-                <span className="lg:block hidden">
-                  <Icons name="deep-plus" />
-                </span>
-              </div>
-              <div
-                className={`balance-dropdown w-96 z-30 bg-white dark:bg-dark-white   absolute -left-24 rounded-lg cursor-pointer ${
-                  balanceDropdown ? "active" : ""
-                }`}
-              >
-                <div className="heading border-b dark:border-[#5356fb29]  border-light-purple px-7 py-6">
-                  <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
-                    Your Balance
-                  </h3>
-                </div>
-                <div className="content px-7 pb-7">
-                  <ul>
-                    <li className="content-item py-4 border-b dark:border-[#5356fb29]  border-light-purple hover:border-purple dark:hover:border-purple">
-                      <div className="sm:flex justify-between items-center">
-                        <div className="account-name flex space-x-4 items-center mb-2 sm:mb-0">
-                          <div className="icon w-14 h-14 transition duration-300 ease-in-out rounded-full flex justify-center items-center bg-light-purple dark:bg-dark-light-purple ">
-                            <img src={bank1} alt="" />
-                          </div>
-                          <div className="name">
-                            <p className="text-base text-dark-gray dark:text-white font-medium">
-                              MetaMask
-                            </p>
-                          </div>
-                        </div>
-                        <div>
-                          <p className="eth text-xl font-bold text-purple">
-                            75,320 ETH
-                          </p>
-                          <p className="usd text-base text-thin-light-gray text-right">
-                            (773.69 USD)
-                          </p>
-                        </div>
-                      </div>
-                    </li>
-                    <li className="content-item py-4 border-b dark:border-[#5356fb29]  border-light-purple hover:border-purple dark:hover:border-purple">
-                      <div className="sm:flex justify-between items-center">
-                        <div className="account-name flex space-x-4 items-center mb-2 sm:mb-0">
-                          <div className="icon w-14 h-14 transition duration-300 ease-in-out rounded-full flex justify-center items-center bg-light-purple dark:bg-dark-light-purple ">
-                            <img src={bank2} alt="" />
-                          </div>
-                          <div className="name">
-                            <p className="text-base text-dark-gray dark:text-white font-medium">
-                              Coinbase Wallet
-                            </p>
-                          </div>
-                        </div>
-                        <div>
-                          <p className="eth text-xl font-bold text-purple">
-                            56,124 ETH
-                          </p>
-                          <p className="usd text-base text-thin-light-gray text-right">
-                            (773.69 USD)
-                          </p>
-                        </div>
-                      </div>
-                    </li>
-                    <li className="content-item py-4 border-b dark:border-[#5356fb29]  border-light-purple hover:border-purple dark:hover:border-purple">
-                      <div className="sm:flex justify-between items-center">
-                        <div className="account-name flex space-x-4 items-center mb-2 sm:mb-0">
-                          <div className="icon w-14 h-14 transition duration-300 ease-in-out rounded-full flex justify-center items-center bg-light-purple dark:bg-dark-light-purple ">
-                            <img src={bank3} alt="" />
-                          </div>
-                          <div className="name">
-                            <p className="text-base text-dark-gray dark:text-white font-medium">
-                              Bitski
-                            </p>
-                          </div>
-                        </div>
-                        <div>
-                          <p className="eth text-xl font-bold text-purple">
-                            99,123 ETH
-                          </p>
-                          <p className="usd text-base text-thin-light-gray text-right">
-                            (773.69 USD)
-                          </p>
-                        </div>
-                      </div>
-                    </li>
-                    <li className="content-item py-5">
-                      <div className="sm:flex justify-between items-center">
-                        <div className="account-name flex space-x-4 items-center mb-2 sm:mb-0">
-                          <div className="icon w-14 h-14 transition duration-300 ease-in-out rounded-full flex justify-center items-center bg-light-purple dark:bg-dark-light-purple ">
-                            <img src={bank4} alt="" />
-                          </div>
-                          <div className="name">
-                            <p className="text-base text-dark-gray dark:text-white font-medium">
-                              WalletConnect
-                            </p>
-                          </div>
-                        </div>
-                        <div>
-                          <p className="eth text-xl font-bold text-purple">
-                            43,728 ETH
-                          </p>
-                          <p className="usd text-base text-thin-light-gray text-right">
-                            (773.69 USD)
-                          </p>
-                        </div>
-                      </div>
-                    </li>
-                  </ul>
-                  <div className="add-money-btn flex justify-center items-center">
-                    <button
-                      onClick={() => addMoneyHandler()}
-                      type="button"
-                      className="w-[122px] h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
-                    >
-                      Add Money
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div className="lg:hidden flex user-balance cursor-pointer lg:w-[252px] w-[150px] h-[48px]  items-center rounded-full relative  bg-purple">
-              <div className="flex items-center lg:justify-between justify-center w-full h-full">
-                <p className="lg:text-xl text-lg font-bold text-white">
-                  $ 234,435.34
-                </p>
-              </div>
-            </div>
-            <div className="lg:hidden block"></div>
+
            {/* notification */}
            <div className="user-notification lg:block hidden relative">
              <div
@@ -627,43 +492,6 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
                        </div>
                      </Link>
                    </li>
-                    <li className="content-item py-4 border-b dark:border-[#5356fb29]  border-light-purple hover:border-purple dark:hover:border-purple">
-                      <Link
-                        to="/message"
-                        className="notifications flex space-x-4 items-center"
-                      >
-                        <div className="icon">
-                          <svg
-                            width="42"
-                            height="42"
-                            viewBox="0 0 42 42"
-                            fill="none"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <circle
-                              opacity="0.1"
-                              cx="21"
-                              cy="21"
-                              r="21"
-                              fill="#F539F8"
-                            />
-                            <path
-                              d="M28.0478 17.231L22.7595 22.4236C21.5318 23.6262 19.5445 23.6262 18.3169 22.4236L13.0289 17.231C13.02 17.3284 13 17.4166 13 17.5135V24.9158C13.0021 26.6183 14.4073 27.9982 16.1411 28.0002H24.9359C26.6697 27.9982 28.0749 26.6183 28.0769 24.9158V17.5135C28.0766 17.4166 28.0566 17.3284 28.0478 17.231Z"
-                              fill="#F539F8"
-                            />
-                            <path
-                              d="M21.9595 21.0064L28.0769 15.4629C27.4742 14.5575 26.3936 14.0028 25.2264 14H15.8503C14.6833 14.0028 13.6024 14.5575 13 15.4629L19.1174 21.0064C19.9029 21.7158 21.1737 21.7158 21.9595 21.0064Z"
-                              fill="#F539F8"
-                            />
-                          </svg>
-                        </div>
-                        <div className="name">
-                          <p className="text-base text-dark-gray dark:text-white font-medium mb-2">
-                            Message
-                          </p>
-                        </div>
-                      </Link>
-                    </li>
                    <li className="content-item py-4 border-b dark:border-[#5356fb29]  border-light-purple hover:border-purple dark:hover:border-purple">
                      <Link
                        to="/history"
@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { NavLink } from "react-router-dom";
-import logo from "../../assets/images/logo-2.svg";
-import logo3 from "../../assets/images/logo-3.svg";
+import logo from "../../assets/images/myfit-logo-2.png"; //logo-2.svg";
+import logo3 from "../../assets/images/myfit-logo-2.png"; //logo-3.svg";
 import DarkModeContext from "../Contexts/DarkModeContext";
 import Icons from "../Helpers/Icons";

@@ -88,107 +88,57 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
              </li>
              <li className="item group">
                <NavLink
-                  to="/active-bids"
+                  to="/reminders"
                  className="nav-item flex items-center justify-start space-x-3.5"
                >
                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
                    <Icons name="active-bids" />
                  </span>
                  <span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
-                    Active Bids
+                    Reminders
                    <span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
-                      19
+                      0
                    </span>
                  </span>
                </NavLink>
              </li>
              <li className="item group">
                <NavLink
-                  to="/market-place"
+                  to="/tracking"
                  className="nav-item flex items-center justify-start space-x-3.5"
                >
                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
                    <Icons name="market" />
                  </span>
                  <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    Marketplace
-                    <span className="absolute left-28 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-purple rounded-full text-white">
-                      09
-                    </span>
+                    Tracking
+
                  </span>
                </NavLink>
              </li>
              <li className="item group">
                <NavLink
-                  to="/my-wallet"
+                  to="/calendar"
                  className="nav-item flex items-center justify-start space-x-3.5"
                >
                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
                    <Icons name="wallet-two" />
                  </span>
                  <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    My Wallet
+                    Calendar
                  </span>
                </NavLink>
              </li>
              <li className="item group">
                <NavLink
-                  to="/my-collection"
+                  to="/resources"
                  className="nav-item flex items-center justify-start space-x-3.5"
                >
                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
                    <Icons name="star" />
                  </span>
                  <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    My collections
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/sell"
-                  className="nav-item flex items-center justify-start space-x-3.5"
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                    <Icons name="shop-card" />
-                  </span>
-                  <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    Sell
-                    <span className="absolute left-10 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-green-700 rounded-full text-white">
-                      4k
-                    </span>
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/saved"
-                  className="nav-item flex items-center justify-start space-x-3.5"
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                    <Icons name="heart" />
-                  </span>
-                  <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    Saved
-                    <span className="absolute left-14 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-red-500 rounded-full text-white">
-                      32
-                    </span>
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/message"
-                  className="nav-item flex items-center justify-start space-x-3.5"
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                    <Icons name="message-two" />
-                  </span>
-                  <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                    Message
-                    <span className="absolute left-20 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-pink rounded-full text-white">
-                      19
-                    </span>
+                    Resources
                  </span>
                </NavLink>
              </li>
@@ -165,287 +165,15 @@ export default function RightSideBar() {
            </div>
          </div>
        </div>
-        <div className="chart-two bg-white dark:bg-dark-white   rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 flex flex-col justify-between  border 2xl:border-none ">
-          <div>
-            {/* dropdown heading */}
-            <div className="flex space-x-2 items-center mb-5 relative cursor-pointer">
-              {/* icon area */}
-              <div className="icon-area">
-                {selectedRate === "LTC" ? (
-                  <LtcIco />
-                ) : selectedRate === "USD" ? (
-                  <Usdt />
-                ) : selectedRate === "BTC" ? (
-                  <BtcIco />
-                ) : (
-                  <EthIco />
-                )}
-              </div>
-              {/* heading */}
-              <div
-                className="heading flex space-x-1 items-center"
-                onClick={() => setRateStaticsDropdown(!rateStaticsDropdown)}
-              >
-                <span className="text-xl font-bold   text-dark-gray dark:text-white">
-                  {selectedRate} rate
-                </span>
-                <span className="text-[#374557] dark:text-thin-light-gray">
-                  <svg
-                    width="14"
-                    height="7"
-                    viewBox="0 0 14 7"
-                    fill="none"
-                    xmlns="http://www.w3.org/2000/svg"
-                    className="fill-current"
-                  >
-                    <path d="M13.7092 0.288658C13.6163 0.197192 13.5057 0.124593 13.3839 0.0750502C13.262 0.025507 13.1313 0 12.9993 0C12.8673 0 12.7366 0.025507 12.6148 0.0750502C12.4929 0.124593 12.3824 0.197192 12.2894 0.288658L7.70992 4.7581C7.61697 4.84956 7.50638 4.92216 7.38453 4.9717C7.26269 5.02125 7.132 5.04676 7 5.04676C6.868 5.04676 6.73731 5.02125 6.61547 4.9717C6.49362 4.92216 6.38303 4.84956 6.29008 4.7581L1.7106 0.288658C1.61765 0.197192 1.50706 0.124593 1.38521 0.0750502C1.26337 0.025507 1.13268 0 1.00068 0C0.868682 0 0.737991 0.025507 0.616146 0.0750502C0.4943 0.124593 0.383712 0.197192 0.29076 0.288658C0.10453 0.471497 0 0.718831 0 0.976639C0 1.23445 0.10453 1.48178 0.29076 1.66462L4.88024 6.14382C5.44268 6.69206 6.20509 7 7 7C7.79491 7 8.55732 6.69206 9.11976 6.14382L13.7092 1.66462C13.8955 1.48178 14 1.23445 14 0.976639C14 0.718831 13.8955 0.471497 13.7092 0.288658Z" />
-                  </svg>
-                </span>
-              </div>
-              <div
-                className={`rate-statics-dropdown w-[164px] h-[170px] bg-white dark:bg-dark-white   py-3 px-5 absolute  rounded ${
-                  rateStaticsDropdown ? "active" : ""
-                }`}
-                style={{ boxShadow: "0px 4px 87px 0px #0000002B" }}
-              >
-                <ul className="flex flex-col justify-between h-full">
-                  <li
-                    className="flex space-x-2.5 items-center cursor-pointer"
-                    onClick={() => rateDataSetHandler("ETH")}
-                  >
-                    <span>
-                      <EthIco />
-                    </span>
-                    <span className="text-thin-light-gray text-base tracking-wide">
-                      ETH Rate
-                    </span>
-                  </li>
-                  <li
-                    className="flex space-x-2.5 items-center cursor-pointer"
-                    onClick={() => rateDataSetHandler("USD")}
-                  >
-                    <span>
-                      <Usdt />
-                    </span>
-                    <span className="text-thin-light-gray text-base tracking-wide">
-                      USDT Rate
-                    </span>
-                  </li>
-                  <li
-                    className="flex space-x-2.5 items-center cursor-pointer"
-                    onClick={() => rateDataSetHandler("BTC")}
-                  >
-                    <span>
-                      <BtcIco />
-                    </span>
-                    <span className="text-thin-light-gray text-base tracking-wide">
-                      BTC Rate
-                    </span>
-                  </li>
-                  <li
-                    className="flex space-x-2.5 items-center cursor-pointer"
-                    onClick={() => rateDataSetHandler("LTC")}
-                  >
-                    <span>
-                      <LtcIco />
-                    </span>
-                    <span className="text-thin-light-gray text-base tracking-wide">
-                      LTC Rate
-                    </span>
-                  </li>
-                </ul>
-              </div>
-            </div>
-            {/* details Money */}
-            <div className="money-details mb-5">
-              <p className="text-xl font-bold   text-dark-gray dark:text-white">
-                $7473.67 USD
-              </p>
-              <p className="text-sm text-light-green">+324.75 (11.5%)</p>
-            </div>
-          </div>
-          <div className="miniLineChart">
-            <MiniLineChart height="122px" datasets={filterRateStatics} />
-          </div>
-        </div>
-        {/* top-creator */}
-        <div className="top-creator bg-white dark:bg-dark-white   rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none   border ">
-          {/* heading */}
-          <div className="heading flex justify-between items-center mb-3.5">
-            <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
-              Top creator
-            </h3>
-            <div className="flex space-x-1 items-center">
-              <span className="text-sm text-thin-light-gray">Weekly</span>
-              <span className="text-[#374557] dark:text-thin-light-gray">
-                <svg
-                  width="13"
-                  height="6"
-                  viewBox="0 0 13 6"
-                  className="fill-current"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    opacity="0.7"
-                    d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
-                  />
-                </svg>
-              </span>
-            </div>
-          </div>
-
-          <div className="creator-list">
-            <div className="item flex justify-between items-center mb-4">
-              {/* image */}
-              <div className="w-10 h-10 rounded-full">
-                <img src={topCreator1} alt="top" />
-              </div>
-              {/* name */}
-              <div>
-                <p className="text-dark-gray dark:text-white text-base font-bold">
-                  Albert Flores
-                </p>
-                <p className="text-xs text-thin-light-gray">@broklinslam_75</p>
-              </div>
-              {/* action */}
-              <div className="flex items-center space-x-2">
-                <button
-                  type="button"
-                  className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
-                >
-                  <Icons name="add-people" />
-                </button>
-                <button
-                  type="button"
-                  className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple  text-purple rounded-full"
-                >
-                  <Icons name="close" />
-                </button>
-              </div>
-            </div>
-            <div className="item flex justify-between items-center mb-4">
-              {/* image */}
-              <div className="w-10 h-10 rounded-full">
-                <img src={topCreator2} alt="top" />
-              </div>
-              {/* name */}
-              <div>
-                <p className="text-dark-gray dark:text-white text-base font-bold">
-                  Albert Flores
-                </p>
-                <p className="text-xs text-thin-light-gray">@broklinslam_75</p>
-              </div>
-              {/* action */}
-              <div className="flex items-center space-x-2">
-                <button
-                  type="button"
-                  className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
-                >
-                  <Icons name="add-people" />
-                </button>
-                <button
-                  type="button"
-                  className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple  text-purple rounded-full"
-                >
-                  <Icons name="close" />
-                </button>
-              </div>
-            </div>
-            <div className="item flex justify-between items-center mb-4">
-              {/* image */}
-              <div className="w-10 h-10 rounded-full">
-                <img src={topCreator3} alt="top" />
-              </div>
-              {/* name */}
-              <div>
-                <p className="text-dark-gray dark:text-white text-base font-bold">
-                  Albert Flores
-                </p>
-                <p className="text-xs text-thin-light-gray">@broklinslam_75</p>
-              </div>
-              {/* action */}
-              <div className="flex items-center space-x-2">
-                <button
-                  type="button"
-                  className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
-                >
-                  <Icons name="add-people" />
-                </button>
-                <button
-                  type="button"
-                  className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple  text-purple rounded-full"
-                >
-                  <Icons name="close" />
-                </button>
-              </div>
-            </div>
-            <div className="item flex justify-between items-center mb-4">
-              {/* image */}
-              <div className="w-10 h-10 rounded-full">
-                <img src={topCreator4} alt="top" />
-              </div>
-              {/* name */}
-              <div>
-                <p className="text-dark-gray dark:text-white text-base font-bold">
-                  Albert Flores
-                </p>
-                <p className="text-xs text-thin-light-gray">@broklinslam_75</p>
-              </div>
-              {/* action */}
-              <div className="flex items-center space-x-2">
-                <button
-                  type="button"
-                  className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
-                >
-                  <Icons name="add-people" />
-                </button>
-                <button
-                  type="button"
-                  className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple  text-purple rounded-full"
-                >
-                  <Icons name="close" />
-                </button>
-              </div>
-            </div>
-            <div className="item flex justify-between items-center mb-4">
-              {/* image */}
-              <div className="w-10 h-10 rounded-full">
-                <img src={topCreator5} alt="top" />
-              </div>
-              {/* name */}
-              <div>
-                <p className="text-dark-gray dark:text-white text-base font-bold">
-                  Albert Flores
-                </p>
-                <p className="text-xs text-thin-light-gray">@broklinslam_75</p>
-              </div>
-              {/* action */}
-              <div className="flex items-center space-x-2">
-                <button
-                  type="button"
-                  className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
-                >
-                  <Icons name="add-people" />
-                </button>
-                <button
-                  type="button"
-                  className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple  text-purple rounded-full"
-                >
-                  <Icons name="close" />
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
+      
        {/* top-platform */}
        <div className="top-platform bg-white dark:bg-dark-white   rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none  border ">
          {/* heading */}
          <div className="heading flex justify-between items-center mb-3.5">
            <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
-              Top Platform
+              Quick Links
            </h3>
            <div>
-              <span className="text-sm text-thin-light-gray">View all</span>
            </div>
          </div>

@@ -115,7 +115,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
              </li>
              <li className="item group">
                <NavLink
-                  to="/active-bids"
+                  to="/reminders"
                  className={`nav-item flex items-center  ${
                    ((navData) => (navData.isActive ? "active" : ""),
                    sidebar ? "justify-start space-x-3.5" : "justify-center")
@@ -131,14 +131,14 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                  >
                   Reminders
                    <span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
-                      19
+                      0
                    </span>
                  </span>
                </NavLink>
              </li>
              <li className="item group">
                <NavLink
-                  to="/active-bids"
+                  to="/tracking"
                  className={`nav-item flex items-center  ${
                    ((navData) => (navData.isActive ? "active" : ""),
                    sidebar ? "justify-start space-x-3.5" : "justify-center")
@@ -152,59 +152,33 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                      sidebar ? "active flex-1" : "w-0"
                    }`}
                  >
-                    Active Bids
-                    <span className="absolute left-24 -top-1 text-sm flex justify-center items-center w-5 h-5 primary-gradient rounded-full text-white">
-                      19
-                    </span>
+                   Tracking
                  </span>
                </NavLink>
              </li>
              <li className="item group">
                <NavLink
-                  to="/market-place"
-                  className={`nav-item flex items-center ${
+                  to="/calendar"
+                  className={`nav-item flex items-center  ${
                    ((navData) => (navData.isActive ? "active" : ""),
                    sidebar ? "justify-start space-x-3.5" : "justify-center")
                  }`}
                >
                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    <Icons name="market" />
+                    <Icons name="active-bids" />
                  </span>
                  <span
-                    className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                    className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
                      sidebar ? "active flex-1" : "w-0"
                    }`}
                  >
-                    Marketplace
-                    <span className="absolute left-28 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-purple rounded-full text-white">
-                      09
-                    </span>
+                   Calendar
                  </span>
                </NavLink>
              </li>
              <li className="item group">
                <NavLink
-                  to="/my-wallet"
-                  className={`nav-item flex items-center ${
-                    ((navData) => (navData.isActive ? "active" : ""),
-                    sidebar ? "justify-start space-x-3.5" : "justify-center")
-                  }`}
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    <Icons name="wallet-two" />
-                  </span>
-                  <span
-                    className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                      sidebar ? "active flex-1" : "w-0"
-                    }`}
-                  >
-                    My Wallet
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/my-collection"
+                  to="/resources"
                  className={`nav-item flex items-center ${
                    ((navData) => (navData.isActive ? "active" : ""),
                    sidebar ? "justify-start space-x-3.5" : "justify-center")
@@ -218,79 +192,11 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                      sidebar ? "active flex-1" : "w-0"
                    }`}
                  >
-                    My collections
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/sell"
-                  className={`nav-item flex items-center ${
-                    ((navData) => (navData.isActive ? "active" : ""),
-                    sidebar ? "justify-start space-x-3.5" : "justify-center")
-                  }`}
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    <Icons name="shop-card" />
-                  </span>
-                  <span
-                    className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                      sidebar ? "active flex-1" : "w-0"
-                    }`}
-                  >
-                    Sell
-                    <span className="absolute left-10 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-green-700 rounded-full text-white">
-                      4k
-                    </span>
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/saved"
-                  className={`nav-item flex items-center ${
-                    ((navData) => (navData.isActive ? "active" : ""),
-                    sidebar ? "justify-start space-x-3.5" : "justify-center")
-                  }`}
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    <Icons name="heart" />
-                  </span>
-                  <span
-                    className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                      sidebar ? "active flex-1" : "w-0"
-                    }`}
-                  >
-                    Saved
-                    <span className="absolute left-14 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-red-500 rounded-full text-white">
-                      32
-                    </span>
-                  </span>
-                </NavLink>
-              </li>
-              <li className="item group">
-                <NavLink
-                  to="/message"
-                  className={`nav-item flex items-center ${
-                    ((navData) => (navData.isActive ? "active" : ""),
-                    sidebar ? "justify-start space-x-3.5" : "justify-center")
-                  }`}
-                >
-                  <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                    <Icons name="message-two" />
-                  </span>
-                  <span
-                    className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                      sidebar ? "active flex-1" : "w-0"
-                    }`}
-                  >
-                    Message
-                    <span className="absolute left-20 -top-1 text-sm flex justify-center items-center w-5 h-5 bg-pink rounded-full text-white">
-                      19
-                    </span>
+                    Resources
                  </span>
                </NavLink>
              </li>
+          
              <li className="item group">
                <NavLink
                  to="/history"
@@ -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 (
+    <div className="market-history-widget w-full mb-11">
+      <div className="w-full bg-white dark:bg-dark-white   rounded-2xl lg:p-7 p-4">
+        <div className="heading w-full">
+          <div className="content lg:flex justify-between items-center mb-5">
+            <div>
+              <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+                Market History
+              </h1>
+            </div>
+            <div className="flex space-x-2">
+              <div className="flex space-x-2 items-center">
+                <span className="w-4 h-4 bg-purple block rounded-full"></span>
+                <p className="text-sm text-thin-light-gray font-medium">
+                  Visitors
+                </p>
+              </div>
+              <div className="flex space-x-2 items-center">
+                <span className="w-4 h-4 bg-pink block rounded-full"></span>
+                <p className="text-sm text-thin-light-gray font-medium">
+                  Sales
+                </p>
+              </div>
+            </div>
+            <SelectBox datas={filterDatas} action={currencyStaticsHandler} />
+          </div>
+        </div>
+        <MarketHistoryChart
+          dataLvl={currencyDataLvl}
+          datasetOne={datasetOne}
+          datasetTwo={datasetTwo}
+        />
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,448 @@
+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", "Doctors Visit", "Medications"];
+  const [selectedCategory, setCategory] = useState(filterCategories[0]);
+  return (
+    <div
+      className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
+        className || ""
+      }`}
+    >
+      <div className="header w-full flex justify-between items-center mb-5">
+        <div className="flex space-x-2 items-center">
+          <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+            Reminders List
+          </h1>
+        </div>
+        <SelectBox
+          action={setCategory}
+          datas={filterCategories}
+          className="Update-table-dropdown"
+          contentBodyClasses="w-auto min-w-max"
+        />
+      </div>
+      <div className="relative w-full overflow-x-auto sm:rounded-lg">
+        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
+          <tbody>
+            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
+              <td className="py-4">Item</td>
+              <td className="py-4 text-center">Start</td>
+              <td className="py-4 text-center">End</td>
+              <td className="py-4 text-center">Reminder</td>
+              <td className="py-4 text-right">.</td>
+            </tr>
+
+            {selectedCategory === "All Categories" ? (
+              <>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+              </>
+            ) : selectedCategory === "Doctors Visit" ? (
+              <>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Doctors Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Hospital Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+              </>
+            ) : (
+              <>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+                <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                  <td className=" py-4">
+                    <div className="flex space-x-2 items-center">
+                      <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                        <img
+                          src={dataImage1}
+                          alt="data"
+                          className="w-full h-full"
+                        />
+                      </div>
+                      <div className="flex flex-col">
+                        <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                          Pizza Testing Appointament
+                        </h1>
+                        <span className="text-sm text-thin-light-gray">
+                          Added <span className="text-purple">10-10-2025</span>
+                        </span>
+                      </div>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+           
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                        12-01-25 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-center py-4 px-2">
+                    <div className="flex space-x-1 items-center justify-center">
+                      <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                      12-01-28 : 6:30 PM
+                      </span>
+                    </div>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <span className="text-base text-thin-light-gray whitespace-nowrap">
+                     4
+                    </span>
+                  </td>
+                  <td className="text-right py-4 px-2">
+                    <button
+                      type="button"
+                      className="text-sm text-white bg-purple px-2.5 py-1.5 rounded-full"
+                    >
+                      Edit
+                    </button>
+                  </td>
+                </tr>
+              </>
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,35 @@
+import React from 'react'
+import HistoryAnalyticsCard from '../Cards/HistoryAnalyticsCard'
+import Layout from '../Partials/Layout'
+import ReminderTable from './ReminderTable'
+import { Link } from 'react-router-dom'
+
+export default function Reminders() {
+  return (
+    <>
+      <Layout>
+        <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"></div>
+              <div style={{ transform: 'translateY(-22px)' }}>
+                <Link
+                  to="/add-reminder"
+                  className="btn-gradient lg:flex hidden w-[153px] h-[46px] rounded-full text-white justify-center items-center"
+                >
+                  Add Reminder
+                </Link>
+              </div>
+            </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="history-wrapper w-full mb-10">
+          <div className="main-wrapper w-full">
+            <ReminderTable />
+          </div>
+        </div>
+      </Layout>
+    </>
+  )
+}
@@ -0,0 +1,691 @@
+import React 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";
+
+export default function ActivitiesTab({ className }) {
+  return (
+    <div
+      className={`sell-product-history-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow ${
+        className || ""
+      }`}
+    >
+      <div className="header w-full flex justify-between items-center mb-5">
+        <div className="flex space-x-2 items-center">
+          <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+            Activity
+          </h1>
+        </div>
+        <div className="flex space-x-1 items-center">
+          <span className="text-base text-thin-light-gray whitespace-nowrap">
+            All Categories
+          </span>
+          <span>
+            <svg
+              width="13"
+              height="6"
+              viewBox="0 0 13 6"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                opacity="0.7"
+                d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
+                fill="#374557"
+                fillOpacity="0.6"
+              />
+            </svg>
+          </span>
+        </div>
+      </div>
+      <div className="relative w-full overflow-x-auto sm:rounded-lg">
+        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
+          <tbody>
+            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
+              <td className="py-4 pr-12">List</td>
+              <td className="py-4 text-start px-2">Product Name</td>
+              <td className="py-4 text-start px-2">Price</td>
+              <td className="py-4 text-start px-2">Quantity</td>
+              <td className="py-4 text-start px-2">From</td>
+              <td className="py-4 text-start px-2 pr-12">To</td>
+              <td className="py-4 ">Time</td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage1}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage2}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage3}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage4}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage1}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage2}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage3}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50 ">
+              <td className="text-start py-4 px-2">
+                <span className="text-xl tracking-wide font-bold   text-dark-gray dark:text-white">
+                  01
+                </span>
+              </td>
+              <td className=" py-4">
+                <div className="flex space-x-2 items-center">
+                  <div className="w-[60px] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                    <img
+                      src={dataImage4}
+                      alt="data"
+                      className="w-full h-full"
+                    />
+                  </div>
+                  <div className="flex flex-col">
+                    <h1 className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap px-2">
+                      Mullican Computer Joy
+                    </h1>
+                    <span className="text-sm text-thin-light-gray">
+                      Owned by <span className="text-purple">Xoeyam</span>
+                    </span>
+                  </div>
+                </div>
+              </td>
+              <td className="text-left py-4">
+                <div className="flex space-x-1 items-center justify-start">
+                  <span>
+                    <svg
+                      width="16"
+                      height="16"
+                      viewBox="0 0 16 16"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M7.55225 0C7.8457 0 8.13914 0 8.43205 0C8.44829 0.026534 8.47537 0.0151623 8.49756 0.0162453C9.28966 0.0649812 10.0606 0.220936 10.8013 0.505229C12.7699 1.26172 14.2323 2.58354 15.183 4.46638C15.5999 5.29218 15.8506 6.16997 15.9561 7.08891C15.9691 7.201 15.9621 7.3158 16 7.42465C16 7.80858 16 8.19251 16 8.57698C15.9778 8.5916 15.9854 8.61543 15.9838 8.63546C15.9475 9.10387 15.8744 9.56686 15.7515 10.0206C15.1787 12.1342 13.9524 13.7603 12.0818 14.8942C11.1516 15.4579 10.1397 15.8002 9.06064 15.941C8.89497 15.9626 8.72875 15.98 8.56308 15.9995C8.17217 15.9995 7.78127 15.9995 7.39036 16C7.3752 15.9789 7.35138 15.9865 7.33135 15.9848C6.96752 15.9545 6.60639 15.9009 6.25068 15.8197C4.77639 15.4829 3.48998 14.793 2.4131 13.7311C0.998917 12.3372 0.204656 10.6461 0.0270709 8.66687C0.0205739 8.59431 0.033568 8.51904 0 8.44972C0 8.15081 0 7.85244 0 7.55352C0.0265295 7.53403 0.0151597 7.50479 0.016784 7.47988C0.0730915 6.64162 0.251218 5.83044 0.564158 5.05066C1.10179 3.71043 1.93774 2.59058 3.07634 1.70142C4.33839 0.715876 5.77098 0.159745 7.36762 0.0270755C7.4288 0.0216604 7.49432 0.0341151 7.55225 0ZM7.24635 9.86252C7.24635 10.2383 7.24526 10.6147 7.24743 10.9905C7.24797 11.0457 7.23389 11.0679 7.17596 11.0593C7.09691 11.0479 7.01678 11.0446 6.93774 11.0338C6.26746 10.9461 5.63563 10.7371 5.03952 10.4192C5.00379 10.4002 4.97834 10.3802 4.9621 10.4425C4.81375 11.0176 4.66324 11.5926 4.51164 12.1666C4.50027 12.2094 4.51272 12.2278 4.54954 12.2473C4.66486 12.3096 4.78235 12.3665 4.90309 12.4152C5.5961 12.6968 6.31998 12.8408 7.06497 12.8842C7.14131 12.8885 7.16134 12.9112 7.1608 12.9865C7.15701 13.4159 7.16026 13.8453 7.15809 14.2747C7.15755 14.3397 7.17488 14.3619 7.2431 14.3614C7.69085 14.3581 8.13914 14.3576 8.5869 14.3614C8.66432 14.3619 8.67731 14.3359 8.67731 14.2666C8.67461 13.8026 8.67677 13.3385 8.67461 12.8744C8.67407 12.8089 8.68544 12.7786 8.76015 12.765C9.09962 12.7049 9.4288 12.6058 9.74228 12.4607C10.3498 12.1802 10.8408 11.7703 11.1603 11.1724C11.4288 10.6699 11.51 10.1327 11.4618 9.56957C11.4158 9.03239 11.2366 8.55207 10.8787 8.14431C10.5506 7.77121 10.1402 7.51129 9.69843 7.29522C9.39145 7.14523 9.07363 7.02284 8.75041 6.91129C8.7098 6.89721 8.67407 6.88693 8.67407 6.82736C8.67623 6.14993 8.67569 5.4725 8.67461 4.79507C8.67461 4.75121 8.68489 4.73117 8.73308 4.73767C8.87547 4.75717 9.01895 4.77016 9.16134 4.79236C9.634 4.86493 10.0796 5.02467 10.5116 5.22395C10.5717 5.25157 10.5945 5.24886 10.6123 5.17684C10.7434 4.6467 10.8771 4.1171 11.0162 3.58913C11.0379 3.5079 11.0244 3.47541 10.948 3.44076C10.2799 3.13751 9.57282 3.01025 8.8457 2.97614C8.78018 2.97289 8.76123 2.95556 8.76178 2.88896C8.76503 2.50232 8.76232 2.11568 8.76448 1.72904C8.76503 1.66785 8.75041 1.64727 8.68489 1.64727C8.23173 1.64998 7.77802 1.64998 7.32485 1.64727C7.26151 1.64673 7.24418 1.66406 7.24418 1.72742C7.24689 2.1433 7.24256 2.55972 7.24797 2.9756C7.24905 3.06116 7.2209 3.08661 7.14239 3.10285C6.73579 3.18679 6.34651 3.32271 5.98646 3.53281C5.20628 3.98822 4.72117 4.64724 4.61938 5.5586C4.51597 6.48837 4.83812 7.2427 5.57661 7.81778C6.05739 8.19251 6.60639 8.43781 7.1738 8.64683C7.2274 8.66633 7.24743 8.68907 7.24689 8.7481C7.24472 9.12066 7.24635 9.49159 7.24635 9.86252Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.2452 9.86252C7.2452 9.49158 7.24358 9.12119 7.24683 8.75026C7.24737 8.69123 7.22734 8.66903 7.17374 8.64899C6.60687 8.43997 6.05787 8.19467 5.57655 7.81994C4.8386 7.24486 4.51591 6.49053 4.61933 5.56076C4.72057 4.6494 5.20568 3.99092 5.98641 3.53497C6.34645 3.32486 6.73519 3.18894 7.14233 3.10501C7.22084 3.08876 7.24899 3.06277 7.24791 2.97775C7.2425 2.56187 7.24683 2.14545 7.24412 1.72957C7.24358 1.66621 7.2609 1.64888 7.32479 1.64943C7.77796 1.65213 8.23167 1.65213 8.68483 1.64943C8.7498 1.64888 8.76442 1.66946 8.76442 1.73119C8.76171 2.11783 8.76496 2.50447 8.76171 2.89111C8.76117 2.95717 8.78012 2.97504 8.84563 2.97829C9.57276 3.01295 10.2793 3.13966 10.948 3.44291C11.0243 3.47757 11.0373 3.51006 11.0162 3.59128C10.877 4.11926 10.7433 4.64885 10.6123 5.17899C10.5944 5.25156 10.5717 5.25372 10.5116 5.2261C10.079 5.02683 9.63394 4.86708 9.16128 4.79452C9.01889 4.77286 8.87595 4.75932 8.73302 4.73983C8.68483 4.73333 8.67455 4.75337 8.67455 4.79723C8.67563 5.47466 8.67617 6.15209 8.674 6.82952C8.674 6.88908 8.70974 6.89937 8.75034 6.91345C9.07303 7.02446 9.39138 7.14684 9.69837 7.29738C10.1396 7.51344 10.5506 7.77283 10.8787 8.14647C11.2365 8.55369 11.4157 9.03455 11.4618 9.57173C11.51 10.1349 11.4287 10.6726 11.1602 11.1746C10.8408 11.7724 10.3497 12.1818 9.74222 12.4629C9.42874 12.608 9.09956 12.7071 8.76009 12.7672C8.68483 12.7802 8.674 12.811 8.67455 12.8766C8.67671 13.3406 8.67455 13.8047 8.67725 14.2688C8.67779 14.3381 8.66426 14.3646 8.58684 14.3636C8.13908 14.3598 7.69079 14.3608 7.24304 14.3636C7.17536 14.3641 7.15803 14.3424 7.15803 14.2769C7.1602 13.8475 7.15695 13.4181 7.16074 12.9887C7.16128 12.9128 7.14179 12.8906 7.06491 12.8863C6.31992 12.843 5.59658 12.699 4.90303 12.4174C4.78229 12.3681 4.66426 12.3112 4.54948 12.2495C4.51321 12.23 4.50075 12.2116 4.51158 12.1688C4.66318 11.5943 4.81369 11.0197 4.96204 10.4446C4.97829 10.3824 5.00373 10.4024 5.03947 10.4214C5.63557 10.7387 6.2674 10.9477 6.93768 11.036C7.01672 11.0463 7.09685 11.0501 7.1759 11.0614C7.23383 11.0695 7.24737 11.0479 7.24737 10.9927C7.24412 10.6147 7.2452 10.2383 7.2452 9.86252ZM8.68537 9.36325C8.67942 9.37245 8.67455 9.37678 8.67455 9.38112C8.674 9.83978 8.67401 10.2984 8.67292 10.7571C8.67292 10.8177 8.70216 10.7928 8.72598 10.7755C8.82452 10.7046 8.90736 10.619 8.96691 10.5123C9.17698 10.1333 9.05679 9.63725 8.68537 9.36325ZM7.23871 6.11147C7.23871 5.75354 7.23871 5.40589 7.23871 5.05174C6.92522 5.33982 6.92522 5.77249 7.23871 6.11147Z"
+                        fill="#FEFEFE"
+                      />
+                      <path
+                        d="M8.68433 9.36328C9.05574 9.63729 9.17539 10.1333 8.96586 10.5118C8.90631 10.619 8.82347 10.7046 8.72493 10.775C8.70111 10.7918 8.67188 10.8172 8.67188 10.7566C8.67242 10.2979 8.67296 9.83927 8.6735 9.38061C8.67404 9.37682 8.67891 9.37249 8.68433 9.36328Z"
+                        fill="#59BE59"
+                      />
+                      <path
+                        d="M7.23882 6.11149C6.92533 5.77305 6.92587 5.33984 7.23882 5.05176C7.23882 5.40591 7.23882 5.75355 7.23882 6.11149Z"
+                        fill="#59BE59"
+                      />
+                    </svg>
+                  </span>
+                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                    6392.99$
+                  </span>
+                </div>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  343
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-purple font-medium whitespace-nowrap">
+                  Marvin McKinney
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap">
+                  you
+                </span>
+              </td>
+              <td className="text-start py-4 px-2">
+                <span className="text-base text-thin-light-gray whitespace-nowrap">
+                  2 days ago
+                </span>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
@@ -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 (
+    <>
+      <div className={`onsale-tab-wrapper w-full ${className || ""}`}>
+        <div className="main-container w-full">
+          <div className="filter-section w-full items-center sm:flex justify-between mb-6">
+            {/* filter-search */}
+            <div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
+              <SearchCom />
+            </div>
+            {/* filer-dropdown */}
+            <div className="flex-1 flex sm:justify-end">
+              <div className="flex space-x-1 items-center">
+                <span className="text-18 text-thin-light-gray">
+                  Recently Received
+                </span>
+                <span>
+                  <svg
+                    width="20"
+                    height="10"
+                    viewBox="0 0 13 6"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      opacity="0.7"
+                      d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
+                      fill="#374557"
+                      fillOpacity="0.6"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className="content-section w-full-width">
+            <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
+              <DataIteration
+                datas={products}
+                startLength={0}
+                endLength={products.length}
+              >
+                {({ datas }) => (
+                  <CollectionCard key={datas.uniqKey} collectionData={datas} />
+                )}
+              </DataIteration>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -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 (
+    <div className={`trending-section px-2 sm:px-0 w-full ${className || ""}`}>
+      {/* heading */}
+      <div className="flex justify-between items-center mb-6">
+        <div>
+          <h1 className="text-26 font-bold   text-dark-gray dark:text-white">Create for Sell</h1>
+        </div>
+        <div className="slider-btns flex space-x-4">
+          <button onClick={nextHandler} type="button">
+            <div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
+              <svg
+                width="11"
+                height="19"
+                viewBox="0 0 11 19"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.09766 1.1499L1.13307 9.11449L9.09766 17.0791"
+                  stroke="url(#paint0_linear_220_23410)"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <defs>
+                  <linearGradient
+                    id="paint0_linear_220_23410"
+                    x1="9.09766"
+                    y1="1.1499"
+                    x2="-4.2474"
+                    y2="7.96749"
+                    gradientUnits="userSpaceOnUse"
+                  >
+                    <stop stopColor="#F539F8" />
+                    <stop offset="0.416763" stopColor="#C342F9" />
+                    <stop offset="1" stopColor="#5356FB" />
+                  </linearGradient>
+                </defs>
+              </svg>
+            </div>
+          </button>
+          <button onClick={prevHandler} type="button">
+            <div className="trending-slider-right-btn  primary-gradient  text-white w-10 h-10 relative flex justify-center items-center rounded-full ">
+              <Icons name="arrows" />
+            </div>
+          </button>
+        </div>
+      </div>
+      {/* trending products */}
+      <div className="trending-products relative w-full">
+        <SliderCom selector={trendingSlider} settings={settings}>
+          {products &&
+            products.length > 0 &&
+            products.map((item) => (
+              <ProductCardStyleTwo
+                key={item.id}
+                datas={item}
+                hidden={productHide}
+              />
+            ))}
+        </SliderCom>
+      </div>
+    </div>
+  );
+}
@@ -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 (
+    <div className={`trending-section px-2 sm:px-0 w-full ${className || ""}`}>
+      {/* heading */}
+      <div className="flex justify-between items-center mb-6">
+        <div>
+          <h1 className="text-26 font-bold   text-dark-gray dark:text-white">Create for Bits</h1>
+        </div>
+        <div className="slider-btns flex space-x-4">
+          <button onClick={nextHandler} type="button">
+            <div className="trending-slider-left-btn relative text-white w-10 h-10 flex justify-center items-center rounded-full overflow-hidden">
+              <svg
+                width="11"
+                height="19"
+                viewBox="0 0 11 19"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M9.09766 1.1499L1.13307 9.11449L9.09766 17.0791"
+                  stroke="url(#paint0_linear_220_23410)"
+                  strokeWidth="2"
+                  strokeLinecap="round"
+                  strokeLinejoin="round"
+                />
+                <defs>
+                  <linearGradient
+                    id="paint0_linear_220_23410"
+                    x1="9.09766"
+                    y1="1.1499"
+                    x2="-4.2474"
+                    y2="7.96749"
+                    gradientUnits="userSpaceOnUse"
+                  >
+                    <stop stopColor="#F539F8" />
+                    <stop offset="0.416763" stopColor="#C342F9" />
+                    <stop offset="1" stopColor="#5356FB" />
+                  </linearGradient>
+                </defs>
+              </svg>
+            </div>
+          </button>
+          <button onClick={prevHandler} type="button">
+            <div className="trending-slider-right-btn  primary-gradient  text-white w-10 h-10 relative flex justify-center items-center rounded-full ">
+              <Icons name="arrows" />
+            </div>
+          </button>
+        </div>
+      </div>
+      {/* trending products */}
+      <div className="trending-products relative w-full">
+        <SliderCom selector={trendingSlider} settings={settings}>
+          {products &&
+            products.length > 0 &&
+            products.map((item) => (
+              <ProductCardStyleOne
+                key={item.id}
+                datas={item}
+                hidden={productHide}
+              />
+            ))}
+        </SliderCom>
+      </div>
+    </div>
+  );
+}
@@ -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 (
+    <>
+      <div className={`onsale-tab-wrapper w-full ${className || ""}`}>
+        <div className="main-container w-full">
+          <div className="filter-section w-full items-center sm:flex justify-between mb-6">
+            {/* filter-search */}
+            <div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
+              <SearchCom />
+            </div>
+            {/* filer-dropdown */}
+            <div className="flex-1 flex sm:justify-end">
+              <div className="flex space-x-1 items-center">
+                <span className="text-18 text-thin-light-gray">
+                  Recently Received
+                </span>
+                <span>
+                  <svg
+                    width="20"
+                    height="10"
+                    viewBox="0 0 13 6"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      opacity="0.7"
+                      d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
+                      fill="#374557"
+                      fillOpacity="0.6"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className="content-section w-full">
+            <div className="marketplace-products-widgets mb-16">
+              <CreateSaleSlider products={marketProducts} />
+            </div>
+            <div className="main-products-widgets">
+              <CreatedBidsSlider products={mainProducts} />
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -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 (
+    <>
+      <div className={`onsale-tab-wrapper w-full ${className || ""}`}>
+        <div className="main-container w-full">
+          <div className="filter-section w-full items-center sm:flex justify-between mb-6">
+            {/* filter-search */}
+            <div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
+              <SearchCom />
+            </div>
+            {/* filer-dropdown */}
+            <div className="flex-1 flex sm:justify-end">
+              <div className="flex space-x-1 items-center">
+                <span className="text-18 text-thin-light-gray">
+                  Recently Received
+                </span>
+                <span>
+                  <svg
+                    width="20"
+                    height="10"
+                    viewBox="0 0 13 6"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      opacity="0.7"
+                      d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
+                      fill="#374557"
+                      fillOpacity="0.6"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className="content-section w-full">
+            <div className="marketplace-products-widgets mb-16">
+              <CreateSaleSlider products={marketProducts} productHide />
+            </div>
+            <div className="main-products-widgets">
+              <CreatedBidsSlider products={mainProducts} productHide />
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -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 (
+    <>
+      <div className={`onsale-tab-wrapper w-full ${className || ""}`}>
+        <div className="main-container w-full">
+          <div className="filter-section w-full items-center sm:flex justify-between mb-6">
+            {/* filter-search */}
+            <div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
+              <SearchCom />
+            </div>
+            {/* filer-dropdown */}
+            <div className="flex-1 flex sm:justify-end">
+              <div className="flex space-x-1 items-center">
+                <span className="text-18 text-thin-light-gray">
+                  Recently Received
+                </span>
+                <span>
+                  <svg
+                    width="20"
+                    height="10"
+                    viewBox="0 0 13 6"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      opacity="0.7"
+                      d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
+                      fill="#374557"
+                      fillOpacity="0.6"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className="content-section w-full-width">
+            <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
+              <DataIteration
+                datas={products}
+                startLength={0}
+                endLength={products.length}
+              >
+                {({ datas }) => (
+                  <ProductCardStyleTwo key={datas.id} datas={datas} />
+                )}
+              </DataIteration>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -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 (
+    <>
+      <div className={`onsale-tab-wrapper w-full ${className || ""}`}>
+        <div className="main-container w-full">
+          <div className="filter-section w-full items-center sm:flex justify-between mb-6">
+            {/* filter-search */}
+            <div className="sm:w-1/2 w-full sm:pr-20 pr-0 mb-5 sm:mb-0">
+              <SearchCom />
+            </div>
+            {/* filer-dropdown */}
+            <div className="flex-1 flex sm:justify-end ">
+              <div className="flex space-x-1 items-center">
+                <span className="text-18 text-thin-light-gray">
+                  Recently Received
+                </span>
+                <span>
+                  <svg
+                    width="20"
+                    height="10"
+                    viewBox="0 0 13 6"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      opacity="0.7"
+                      d="M12.4124 0.247421C12.3327 0.169022 12.2379 0.106794 12.1335 0.0643287C12.0291 0.0218632 11.917 0 11.8039 0C11.6908 0 11.5787 0.0218632 11.4743 0.0643287C11.3699 0.106794 11.2751 0.169022 11.1954 0.247421L7.27012 4.07837C7.19045 4.15677 7.09566 4.219 6.99122 4.26146C6.88678 4.30393 6.77476 4.32579 6.66162 4.32579C6.54848 4.32579 6.43646 4.30393 6.33202 4.26146C6.22758 4.219 6.13279 4.15677 6.05312 4.07837L2.12785 0.247421C2.04818 0.169022 1.95338 0.106794 1.84895 0.0643287C1.74451 0.0218632 1.63249 0 1.51935 0C1.40621 0 1.29419 0.0218632 1.18975 0.0643287C1.08531 0.106794 0.990517 0.169022 0.910844 0.247421C0.751218 0.404141 0.661621 0.616141 0.661621 0.837119C0.661621 1.0581 0.751218 1.2701 0.910844 1.42682L4.84468 5.26613C5.32677 5.73605 5.98027 6 6.66162 6C7.34297 6 7.99647 5.73605 8.47856 5.26613L12.4124 1.42682C12.572 1.2701 12.6616 1.0581 12.6616 0.837119C12.6616 0.616141 12.572 0.404141 12.4124 0.247421Z"
+                      fill="#374557"
+                      fillOpacity="0.6"
+                    />
+                  </svg>
+                </span>
+              </div>
+            </div>
+          </div>
+          <div className="content-section w-full-width">
+            <div className="grid xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 2xl:gap-8 xl:gap-5 gap-5 mb-10">
+              <DataIteration
+                datas={products}
+                startLength={0}
+                endLength={products.length}
+              >
+                {({ datas }) => (
+                  <ProductCardStyleOne key={datas.id} datas={datas} />
+                )}
+              </DataIteration>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -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 (
+    <>
+      <Layout>
+        <div className="nft-authprofile-wrapper w-full">
+          <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">
+                      {tabs &&
+                        tabs.length > 0 &&
+                        tabs.map((tabValue) => (
+                          <li
+                            key={tabValue.id}
+                            className="relative group inline"
+                            onClick={() => tabHandler(tabValue.name)}
+                          >
+                            <span
+                              className={`py-4 sm:border-b-none border-b group-hover:border-purple border-transparent lg:text-xl text-sm tracking-wide font-bold  group-hover:text-purple text-dark-gray dark:text-white relative z-10 cursor-pointer ${
+                                tab === tabValue.name
+                                  ? "text-purple border-purple "
+                                  : "text-dark-gray dark:text-white border-transparent "
+                              }`}
+                            >
+                              {tabValue.content}
+                            </span>
+                            <span
+                              className={`w-5 h-5 group-hover:bg-pink group-hover:text-white  text-[10px]  rounded-full absolute -top-2 -right-5 flex justify-center items-center ${
+                                tab === tabValue.name
+                                  ? "text-white bg-pink"
+                                  : "text-thin-light-gray bg-[#F2B8FD]"
+                              }`}
+                            >
+                              16
+                            </span>
+                          </li>
+                        ))}
+                    </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>
+                <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">
+              {tab === "onsale" ? (
+                <OnSaleTab products={onSaleProducts} />
+              ) : tab === "owned" ? (
+                <OwnTab products={ownProducts} />
+              ) : tab === "created" ? (
+                <CreatedTab
+                  marketProducts={CreatedSell}
+                  mainProducts={CreatedBits}
+                />
+              ) : tab === "hidden" ? (
+                <HiddenProductsTab
+                  marketProducts={CreatedSell}
+                  mainProducts={CreatedBits}
+                />
+              ) : tab === "collection" ? (
+                <CollectionTab products={collectionProducts} />
+              ) : tab === "activity" ? (
+                <ActivitiesTab />
+              ) : (
+                ""
+              )}
+            </div>
+          </div>
+        </div>
+      </Layout>
+    </>
+  );
+}
@@ -8,246 +8,135 @@ export default function LoginActivityTab() {
        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
          <tbody>
            <tr className="text-base text-thin-light-gray border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
-              <td className="py-4 text-center">OS</td>
-              <td className="py-4 text-center">Browser</td>
+              <td className="py-4 text-center">Channel</td>
+              <td className="py-4 text-center">Date</td>
              <td className="py-4 text-center">Location</td>
-              <td className="py-4 text-center">Last session</td>
-              <td className="py-4 text-center">Status</td>
-              <td className="py-4 text-center"></td>
            </tr>
            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
              <td className="text-center py-4">
                <div className="flex items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Windows
+                    Desktop
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <div className="flex space-x-1 items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Google Chrome
+                    10-10-2035
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Dhaka , Bangladesh
+                  10.0.0.1000
                </span>
              </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
            </tr>
            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
              <td className="text-center py-4">
                <div className="flex items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Mac
+                    Desktop
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <div className="flex space-x-1 items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Firefox
+                    10-10-2035
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Tokyo,japan
+                  10.0.0.1000
                </span>
              </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  5 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-red text-white capitalize">
-                  Inactive
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
            </tr>
            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
              <td className="text-center py-4">
                <div className="flex items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    Desktop
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <div className="flex space-x-1 items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    10-10-2035
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Barhin,Dubai
+                  10.0.0.1000
                </span>
              </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
            </tr>
            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
              <td className="text-center py-4">
                <div className="flex items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Windows
+                    Desktop
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <div className="flex space-x-1 items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Google Chrome
+                    10-10-2035
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Dhaka , Bangladesh
+                  10.0.0.1000
                </span>
              </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
            </tr>
            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
              <td className="text-center py-4">
                <div className="flex items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Mac
+                    Desktop
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <div className="flex space-x-1 items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    Firefox
+                    10-10-2035
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Tokyo,japan
+                  10.0.0.1000
                </span>
              </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  5 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-red text-white capitalize">
-                  Inactive
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
            </tr>
            <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
              <td className="text-center py-4">
                <div className="flex items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    Mobile
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <div className="flex space-x-1 items-center justify-center">
                  <span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
-                    App
+                    10-10-2035
                  </span>
                </div>
              </td>
              <td className="text-center py-4">
                <span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
-                  Barhin,Dubai
+                  10.0.0.1000
                </span>
              </td>
-              <td className="text-center py-4">
-                <span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
-                  2 days ago
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <span className="text-sm px-[10px]  py-[6px] rounded-full bg-light-green text-white capitalize">
-                  active
-                </span>
-              </td>
-              <td className="text-center py-4">
-                <button
-                  type="button"
-                  className=" text-thin-light-gray hover:text-red-400"
-                >
-                  <Icons name="deep-delete" />
-                </button>
-              </td>
            </tr>
          </tbody>
        </table>
@@ -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 (
+    <div className="market-history-widget w-full mb-11">
+      <div className="w-full bg-white dark:bg-dark-white   rounded-2xl lg:p-7 p-4">
+        <div className="heading w-full">
+          <div className="content lg:flex justify-between items-center mb-5">
+            <div>
+              <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+                Market History
+              </h1>
+            </div>
+            <div className="flex space-x-2">
+              <div className="flex space-x-2 items-center">
+                <span className="w-4 h-4 bg-purple block rounded-full"></span>
+                <p className="text-sm text-thin-light-gray font-medium">
+                  Visitors
+                </p>
+              </div>
+              <div className="flex space-x-2 items-center">
+                <span className="w-4 h-4 bg-pink block rounded-full"></span>
+                <p className="text-sm text-thin-light-gray font-medium">
+                  Sales
+                </p>
+              </div>
+            </div>
+            <SelectBox datas={filterDatas} action={currencyStaticsHandler} />
+          </div>
+        </div>
+        <MarketHistoryChart
+          dataLvl={currencyDataLvl}
+          datasetOne={datasetOne}
+          datasetTwo={datasetTwo}
+        />
+      </div>
+    </div>
+  );
+}
@@ -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 (
+    <>
+      <Layout>
+        <div className="history-wrapper w-full mb-10">
+          <div className="main-wrapper w-full">
+            <TrackingTable />
+          </div>
+        </div>
+      </Layout>
+    </>
+  );
+}
@@ -2,38 +2,33 @@
  "datas": [
    {
      "id": 0,
-      "title": "Can I resell an NFT?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game. What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game"
+      "title": "What is myFit App?",
+      "content": "myFit is your personal health care concierge. this app helps you to manage the intricacies of your daily and long term health activities. With myFit, your health record is yours at all point, you decide your provider access as needed from time to time."
    },
    {
      "id": 1,
-      "title": "What can you do with an NFT after buying it?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "How can I manage my health plan with myFit?",
+      "content": "myFit learns and help You to keep track of all aspects of your health - physical, mental and emotional. It bestow your unique lifestyle, needs and comprehensive well-being."
    },
    {
      "id": 2,
-      "title": "Can you lose money on NFT?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "What can I track with myFit?",
+      "content": "myFit automatically keeps track of physical activities, medical status & visits , schedules ,view and cancel appointments. myFit keeps your health in one place and connects you to support a healthier lifestyle."
    },
    {
      "id": 3,
-      "title": "How does NFT prove ownership?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "How can I track with myFit?",
+      "content": "Open myFit app , add information about your health, goals and save.Under each category of your choosing, select Activity, set a goal , see your progress."
    },
    {
      "id": 4,
-      "title": "How can you tell if someone owns an NFT?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "How secure is myFit App?",
+      "content": "myFit technology works synchronously with information you choose to share and will be encrypted and stored on a dedicated server so that MyFit can provide you with personalized, healthy decisions. MyFit is built to keep your data secure and protect your privacy. Your data is encrypted and you are always in control of your information."
    },
    {
      "id": 5,
-      "title": "Can you lose more than you invest in NFTs?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
-    },
-    {
-      "id": 6,
-      "title": "What can you do with an NFT after buying it?",
-      "content": "What you do own when you buy an NFT are the keys to a non-fungible – perhaps unique – token. That token is yours to trade or hold or display in Decentraland. But the digital file associated with an NFT is just as easy to copy and paste and download as any other – the Finally, players lose their NFTs sometimes according to the rules and regulations of the NFT game."
+      "title": "What kind of device do I need?",
+      "content": "All you need is iPhone or Android device to enjoy all personalized metrics for personal use. Instant free download from apple and play store."
    }
  ]
 }
@@ -42,7 +42,18 @@ html {
 }
 .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;
@@ -0,0 +1,83 @@
+import React from "react";
+import Axios from "axios";
+
+class SiteService {
+    constructor() {
+        console.log("Er are here anyway");
+    }
+    // Blog Data {Get}
+    blogData() {
+        return this.getAuxEnd("/blogdata", null);
+    }
+
+    // Country Data {GET}
+    countryData() {
+        return this.getAuxEnd("/country", null);
+    }
+
+    // Contact Data{POST}
+    contactData() {
+        return this.postAuxEnd("/contact", null)
+    }
+
+    faqData() {
+        return this.getAuxEnd("/faq", null);
+    }
+
+    priceData() {
+        return this.getAuxEnd("/pricing", null);
+    }
+
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    // Unified call below
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    getAuxEnd(uri, reqData) {
+        const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
+        return Axios.get(endPoint)
+            .then((response) => {
+                // console.log(response);
+                // res = response;
+                // console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log(error.response.status);
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log(error.request);
+                } else {
+                    //an error occurred when setting up the request
+                    console.log(error.message);
+                }
+            });
+    }
+
+    postAuxEnd(uri, reqData) {
+        const endPoint = process.env.REACT_APP_AUX_ENDPOINT + uri;
+        return Axios.post(endPoint, reqData)
+            .then((response) => {
+                console.log(response);
+                // res = response;
+                console.log("~~~~~~~ Toks2 POST ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log(error.response.status);
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log(error.request);
+                } else {
+                    //an error occurred when setting up the request
+                    console.log(error.message);
+                }
+            });
+    }
+}
+
+export default SiteService;
@@ -0,0 +1,103 @@
+import React from "react";
+import Axios from "axios";
+
+class usersService {
+    constructor() {
+        console.log("Er are here anyway");
+    }
+
+    logInUser(reqData) {
+       // debugger;
+        /*
+        clean up the request data here
+         */
+        localStorage.setItem("session_token", ``);
+        return this.postAuxEnd("/login", reqData);
+    }
+
+    getUserReminders(){
+        return this.getAuxEnd("/reminders", null);
+    }
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    // Unified call below
+    //----------------------------------------  -----
+    //----------------------------------------  -----
+    getAuxEnd(uri, reqData) {
+        debugger;
+        const session_token = localStorage.getItem("session_token");
+        let axiosConfig = {
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json;charset=UTF-8',
+                'Authorization': `Basic ${session_token}`,
+            }
+        };
+        const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
+        return Axios.get(endPoint,axiosConfig)
+            .then((response) => {
+                // console.log(response);
+                // res = response;
+                // console.log("~~~~~~~ Toks2 GET ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log(error.response.status);
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log(error.request);
+                } else {
+                    //an error occurred when setting up the request
+                    console.log(error.message);
+                }
+            });
+    }
+
+    postAuxEnd(uri, reqData) {
+        const endPoint = process.env.REACT_APP_USERS_ENDPOINT + uri;
+        const session_token = localStorage.getItem("session_token");
+        let axiosConfig = {
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json;charset=UTF-8',
+                'Authorization': `Basic ${session_token}`,
+            }
+        };
+        //Access-Control-Allow-Origin
+        var postData = {
+            email: "test@test.com",
+            password: "password"
+        };
+      //  Axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
+      //  Axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*'; //,axiosConfig
+        return Axios.post(endPoint, reqData,axiosConfig)
+            .then((response) => {
+                console.log(response);
+                // res = response;
+                console.log("~~~~~~~ Toks2 POST ~~~~~~~~");
+                return response;
+            })
+            .catch((error) => {
+                if (error.response) {
+                    //response status is an error code
+                    console.log("ERROR-------------------------------------------------------");
+                    console.log(error.response.status);
+                    console.log("ERROR-------------------------------------------------------");
+                } else if (error.request) {
+                    //response not received though the request was sent
+                    console.log("ERROR2-------------------------------------------------------");
+                    console.log(error.request);
+                    console.log("ERROR2-------------------------------------------------------");
+                } else {
+                    //an error occurred when setting up the request
+                    console.log("ERROR3-------------------------------------------------------");
+                    console.log(error.message);
+                    console.log("ERROR3-------------------------------------------------------");
+                }
+            });
+    }
+}
+
+export default usersService;
@@ -0,0 +1,10 @@
+import React from "react";
+import Calendar from "../components/Calendar";
+
+export default function CalendarPage() {
+    return (
+        <>
+            <Calendar />
+        </>
+    );
+}
@@ -0,0 +1,10 @@
+import React from "react";
+import Reminders from "../components/Reminders";
+
+export default function RemindersPage() {
+  return (
+    <>
+      <Reminders />
+    </>
+  );
+}
@@ -0,0 +1,7 @@
+import React from "react";
+//import UserProfile from "../components/AuthPages/UserProfile";
+import Resources from "../components/Resources";
+
+export default function ResourcePage() {
+    return <Resources />;
+}
@@ -0,0 +1,10 @@
+import React from "react";
+import Tracking from "../components/Tracking";
+
+export default function TrackingPage() {
+    return (
+        <>
+            <Tracking />
+        </>
+    );
+}
Author	SHA1	Message	Date
Chukwumdiebube	df3710ec8d	faq content updated	2023-01-30 16:19:48 +01:00
jenkins	9b2145ff00	Profile layout	2023-01-28 23:52:14 -05:00
jenkins	7ce87a3ee8	test	2023-01-28 23:13:13 -05:00
jenkins	37fa170108	Headet token	2023-01-28 22:54:47 -05:00
jenkins	9a269b5732	Addreminder	2023-01-28 22:27:03 -05:00
jenkins	f766c19465	Login hx	2023-01-28 21:25:55 -05:00
jenkins	30a344970a	Reminder table demo	2023-01-28 20:41:21 -05:00
jenkins	e4b1ceae30	env update	2023-01-28 19:59:42 -05:00
ameye	aae99a7b50	Merge branch 'task-9-login-implementation' of MyFit/users-myfit into master	2023-01-28 11:59:55 +00:00
ChineseChikki	bbe29b7fa3	login implemented	2023-01-27 18:34:55 +01:00
jenkins	aa61c8cd26	update call	2023-01-26 22:32:45 -05:00
Olu Amey	fc2b067f52	Api call	2023-01-26 20:54:23 -05:00
Olu Amey	623d3be042	Sample API call	2023-01-26 17:32:12 -05:00
Olu Amey	7a70dea24f	Lock needed for updates	2023-01-26 16:49:51 -05:00
Olu Amey	d37ca4bf6f	SVS added test	2023-01-26 16:31:51 -05:00
Olu Amey	72219e7a25	Env fix	2023-01-26 16:21:41 -05:00
Olu Amey	92e8cabaed	axios added	2023-01-26 16:21:11 -05:00
tokslaw	20ff5e65ce	Merge branch 'task-8-invalid-credential-details' of MyFit/users-myfit into master	2023-01-26 17:40:52 +00:00
ChineseChikki	5b201ee333	invalid credential change	2023-01-26 17:45:15 +01:00
tokslaw	3b1d312cb3	Merge branch 'task-8-line-below-text-create-account' of MyFit/users-myfit into master	2023-01-26 16:14:54 +00:00
tokslaw	2d349c6d5d	Merge branch 'task-8-line-below-text-login' of MyFit/users-myfit into master	2023-01-26 16:11:09 +00:00
ChineseChikki	2c4fb4df08	create-account-line updated	2023-01-26 14:47:19 +01:00
ChineseChikki	048b89d801	Line-Adjustment	2023-01-26 14:20:24 +01:00
Olu Amey	73af103173	Mobile menu items	2023-01-26 06:42:40 -05:00
Olu Amey	4ee02e506a	favicon	2023-01-25 20:16:53 -05:00
Olu Amey	9efc71fda4	logo try	2023-01-25 20:00:35 -05:00
Olu Amey	8c201feec6	notification parts	2023-01-25 19:54:23 -05:00
Olu Amey	1618d70419	Profile page	2023-01-25 17:14:31 -05:00
Olu Amey	0250d37679	Page Lyout	2023-01-25 17:05:49 -05:00
Olu Amey	0e91d44bc3	Side image	2023-01-25 15:53:36 -05:00
Olu Amey	bae7addbf0	Side image	2023-01-25 15:50:17 -05:00
Olu Amey	154819aa19	logo	2023-01-25 15:05:18 -05:00
Olu Amey	b0e72c62d3	Try logo	2023-01-25 15:00:12 -05:00
Olu Amey	9fad884632	Calendar Page	2023-01-25 14:53:17 -05:00
jenkins	fee958f0b0	Merge branch 'master' of https://gitlab.chiefsoft.net/MyFit/users-myfit	2023-01-25 13:24:02 -05:00
jenkins	493d28c7d8	placeholder text update	2023-01-25 13:22:54 -05:00
Olu Amey	9907480ff8	Merge branch 'master' of https://gitlab.chiefsoft.net/MyFit/users-myfit	2023-01-25 13:21:42 -05:00
Olu Amey	33caedd8aa	Pages added	2023-01-25 13:20:56 -05:00
jenkins	bf2dbb7176	placeholder text	2023-01-25 13:18:39 -05:00
tokslaw	4de7f3a012	Merge branch 'login_michael' of MyFit/users-myfit into master	2023-01-25 18:10:15 +00:00
tokslaw	764c949499	Merge branch 'task-4-reset-password-page-chinenye' of MyFit/users-myfit into master	2023-01-25 18:08:57 +00:00
jenkins	6e906bcb0d	Merge branch 'master' of https://gitlab.chiefsoft.net/MyFit/users-myfit	2023-01-25 12:46:19 -05:00
jenkins	fbe9615b03	Logout msg	2023-01-25 12:45:52 -05:00
jenkins	72e898cd58	logout text	2023-01-25 12:43:22 -05:00
tokslaw	2ec1d1b535	Merge branch 'straight_underline_login_page_victor' of MyFit/users-myfit into master	2023-01-25 17:36:49 +00:00
ChineseChikki	e3ae854781	updated reset password	2023-01-25 10:56:11 +01:00
victorAnumudu	4457276f08	made the curve underline straight	2023-01-25 09:40:12 +01:00
ChineseChikki	475949b8b8	forgot password page is working now	2023-01-24 17:24:06 +01:00