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

Hx page

Browse Source
This commit is contained in:
Olu Amey
2023-05-06 00:28:22 -04:00
parent 164c528439
commit 594cedec36
3 changed files with 176 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/History/TopHxWidgetBox.jsx
+36
View File
@@ -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>
);
}