From af7009955f2e056cf79c2fec5441d74504a4d0d7 Mon Sep 17 00:00:00 2001
From: "DESKTOP-BC3NEC6\\chiefsoft" <works@chiefsoft.com>
Date: Thu, 9 Feb 2023 21:16:39 -0500
Subject: [PATCH] Track Actio Pages

---
 src/Routers.jsx                               |  3 +-
 src/components/Cards/TrackItemCard.jsx        |  2 +-
 .../TrackAction/UserRecentTracking.jsx        | 28 +++++++++++
 .../Tracking/TrackAction/UserWeightWidget.jsx | 19 ++++++++
 src/components/Tracking/TrackAction/index.jsx | 46 +++++++++++++++++++
 src/views/TrackActionPage.jsx                 | 11 +++++
 6 files changed, 107 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Tracking/TrackAction/UserRecentTracking.jsx
 create mode 100644 src/components/Tracking/TrackAction/UserWeightWidget.jsx
 create mode 100644 src/components/Tracking/TrackAction/index.jsx
 create mode 100644 src/views/TrackActionPage.jsx

diff --git a/src/Routers.jsx b/src/Routers.jsx
index e73248f..f5f4593 100755
--- a/src/Routers.jsx
+++ b/src/Routers.jsx
@@ -28,6 +28,7 @@ import RemindersAddPage from './views/RemindersAddPage';
 import TrackingPage from "./views/TrackingPage";
 import CalendarPage from "./views/CalendarPage";
 import ResourcePage from "./views/ResourcePage";
+import TrackActionPage from "./views/TrackActionPage";
 
 export default function Routers() {
   return (
@@ -67,7 +68,7 @@ export default function Routers() {
           <Route exact path="/notification" element={<Notification />} />
 
           <Route exact path="/t-weight" element={<TrackingPage />} />
-
+          <Route exact path="/track-action/:trackpage" element={<TrackActionPage />} />
           <Route
             exact
             path="/my-collection/collection-item"
diff --git a/src/components/Cards/TrackItemCard.jsx b/src/components/Cards/TrackItemCard.jsx
index 381fcbc..529bff5 100644
--- a/src/components/Cards/TrackItemCard.jsx
+++ b/src/components/Cards/TrackItemCard.jsx
@@ -79,7 +79,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
 
           <p className="text-sm text-thin-light-gray dark:text-white">
             <Link
-            to={`/${datas.widget}`}
+            to={`/track-action/${datas.widget}`}
             className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1"
             >
             {datas.title}
diff --git a/src/components/Tracking/TrackAction/UserRecentTracking.jsx b/src/components/Tracking/TrackAction/UserRecentTracking.jsx
new file mode 100644
index 0000000..f0b2e0b
--- /dev/null
+++ b/src/components/Tracking/TrackAction/UserRecentTracking.jsx
@@ -0,0 +1,28 @@
+import React, { useState } from "react";
+
+export default function UserRecentTracking() {
+  
+
+  return (
+    <div className="currency-statics w-full mb-11">
+      <div className="w-full bg-white dark:bg-dark-white   rounded-2xl p-7">
+        <div className="flex flex-col justify-between h-full">
+          <div className="content sm:flex justify-between items-center mb-5">
+            <div>
+              <h1 className="text-xl font-bold text-dark-gray dark:text-white tracking-wide">
+               Recent Records
+              </h1>
+            </div>
+           
+          </div>
+          <div className="currency-statics-chart">
+           
+           SOME TABLE HERE 
+          </div>
+        </div>
+
+
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Tracking/TrackAction/UserWeightWidget.jsx b/src/components/Tracking/TrackAction/UserWeightWidget.jsx
new file mode 100644
index 0000000..3736e5d
--- /dev/null
+++ b/src/components/Tracking/TrackAction/UserWeightWidget.jsx
@@ -0,0 +1,19 @@
+import React, { useState } from "react";
+import background from "../../../assets/images/shape/balance-bg.svg";
+
+export default function UserWeightWidget() {
+  const [eth] = useState(90);
+  const [btc] = useState(85);
+  const [ltc] = useState(20);
+  return (
+    <div
+      className="current-balance-widget w-full h-full rounded-2xl overflow-hidden flex flex-col justify-between  px-8 py-9"
+      style={{
+        background: `url(${background}) 0% 0% / cover no-repeat`,
+      }}
+    >
+
+
+    </div>
+  );
+}
diff --git a/src/components/Tracking/TrackAction/index.jsx b/src/components/Tracking/TrackAction/index.jsx
new file mode 100644
index 0000000..e3fef09
--- /dev/null
+++ b/src/components/Tracking/TrackAction/index.jsx
@@ -0,0 +1,46 @@
+import React from "react";
+import bank1 from "../../../assets/images/bank-1.png";
+import bank2 from "../../../assets/images/bank-2.png";
+import bank3 from "../../../assets/images/bank-3.png";
+import bank4 from "../../../assets/images/bank-4.png";
+import Layout from "../../Partials/Layout";
+//import CurrencyStaticsSection from "./CurrencyStaticsSection";
+//import CurrentBalanceWidget from "./CurrentBalanceWidget";
+//import InvestmentSection from "./InvestmentSection";
+//import RecentTransactionWidget from "./RecentTransactionWidget";
+
+import UserWeightWidget from "./UserWeightWidget";
+import UserRecentTracking from "./UserRecentTracking";
+
+export default function TrackAction() {
+  return (
+    <>
+      <Layout>
+        <div className="my-wallet-wrapper w-full mb-10">
+          <div className="main-wrapper w-full">
+            <div className="balance-inquery w-full lg:h-[436px] lg:flex lg:space-x-11 mb-11">
+              <div className="lg:w-1/2 h-full mb-10 lg:mb-0">
+                <UserWeightWidget />
+              </div>
+              <div className="flex-1">
+                <div className="my-wallets w-full h-full bg-white dark:bg-dark-white   rounded-lg p-6">
+                  <div className="mb-4">
+                    <h1 className="text-xl font-bold tracking-wide   text-dark-gray dark:text-white">
+                     Some title HERE 
+                    </h1>
+                  </div>
+                  <div className="content-area">
+
+                    SOMETHING HERE 
+
+                  </div>
+                </div>
+              </div>
+            </div>
+            <UserRecentTracking />
+          </div>
+        </div>
+      </Layout>
+    </>
+  );
+}
diff --git a/src/views/TrackActionPage.jsx b/src/views/TrackActionPage.jsx
new file mode 100644
index 0000000..4de6742
--- /dev/null
+++ b/src/views/TrackActionPage.jsx
@@ -0,0 +1,11 @@
+import React from "react";
+import MyWallet from "../components/MyWallet";
+import TrackAction from "../components/Tracking/TrackAction";
+
+export default function TrackActionPage() {
+  return (
+    <>
+      <TrackAction />
+    </>
+  );
+}