diff --git a/src/components/History/TopHxBox.jsx b/src/components/History/TopHxBox.jsx
new file mode 100644
index 0000000..052d003
--- /dev/null
+++ b/src/components/History/TopHxBox.jsx
@@ -0,0 +1,137 @@
+import React, { useState } from "react";
+import MarketVisitorAnalytic from "../Charts/MarketVisitorAnalytic";
+import SelectBox from "../Helpers/SelectBox";
+//import SellHistoryWidget from "./SellHistoryWidget";
+import TopHxWidgetBox from "./TopHxWidgetBox";
+
+export default function TopHxBox({ className }) {
+    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 filterDatas = ["Last 15 days", "Last 7 days", "Last Month"];
+    const [filterDataSet, setFilterDataSet] = useState([
+        50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100,
+    ]);
+    const dataSetHandler = (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",
+            ]);
+            setFilterDataSet([
+                50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 50, 30,
+                50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100,
+            ]);
+        } else if (value === "Last 7 days") {
+            setCurrencyDataLvl([
+                "Jan 1",
+                "Jan 2",
+                "Jan 3",
+                "Jan 4",
+                "Jan 5",
+                "Jan 6",
+                "Jan 7",
+            ]);
+            setFilterDataSet([50, 30, 100, 20, 50, 30, 100]);
+        } 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",
+            ]);
+            setFilterDataSet([
+                50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100, 20, 50, 30, 100,
+            ]);
+        }
+    };
+    return (
+        <div
+            className={`sell-history-market-visitor-analytic w-full ${
+                className || ""
+            }`}
+        >
+            <div className="content-wrapper w-full  lg:flex xl:space-x-8 lg:space-x-4">
+
+                <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">
+                            <div className="content flex justify-between items-center mb-5">
+                                <div>
+                                    <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+                                        Purchases
+                                    </h1>
+                                </div>
+                                <SelectBox datas={filterDatas} action={dataSetHandler} />
+                            </div>
+                            <div className="h-[233px]">
+                                <MarketVisitorAnalytic
+                                    datasets={filterDataSet}
+                                    dataLvls={currencyDataLvl}
+                                />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div className="lg:w-1/2 w-full mb-10 lg:mb-0">
+                    <TopHxWidgetBox />
+                </div>
+
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/History/TopHxWidgetBox.jsx b/src/components/History/TopHxWidgetBox.jsx
new file mode 100644
index 0000000..65765b4
--- /dev/null
+++ b/src/components/History/TopHxWidgetBox.jsx
@@ -0,0 +1,36 @@
+import React from "react";
+import SellHistoryAnalytic from "../Charts/SellHistoryAnalytic";
+
+export default function TopHxWidgetBox() {
+    return (
+        <div className="sell-history w-full h-full md:p-8 p-4 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow">
+            <div className="flex flex-col justify-between h-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 mb-1 sm:mb-0">
+                            Activities
+                        </h1>
+                    </div>
+                    <div className="flex space-x-2  mb-4 sm:mb-0">
+                        <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">
+                                Avg: Sell Price
+                            </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">
+                                Total Sell
+                            </p>
+                        </div>
+                    </div>
+                    <span className="text-sm text-pink">Current Week</span>
+                </div>
+                <div>
+                    <SellHistoryAnalytic />
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/src/components/History/index.jsx b/src/components/History/index.jsx
index a9bcc69..369cb7f 100644
--- a/src/components/History/index.jsx
+++ b/src/components/History/index.jsx
@@ -4,6 +4,7 @@ import SellHistoryMarketVisitorAnalytic from "../Home/SellHistoryMarketVisitorAn
 import Layout from "../Partials/Layout";
 import HistoryTable from "./HistoryTable";
 import MarketHistorySection from "./MarketHistorySection";
+import TopHxBox from "./TopHxBox";
 
 export default function History() {
   return (
@@ -146,8 +147,8 @@ export default function History() {
                 </HistoryAnalyticsCard>
               </div>
             </div>
-            <MarketHistorySection />
-            <SellHistoryMarketVisitorAnalytic className="mb-11" />
+            {/*<MarketHistorySection />*/}
+            <TopHxBox className="mb-11" />
             <HistoryTable />
           </div>
         </div>