Track Actio Pages

2023-02-09 21:16:39 -05:00
parent b788dc0623
commit af7009955f
6 changed files with 107 additions and 2 deletions
@@ -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>
+  );
+}
@@ -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>
+  );
+}
@@ -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>
+    </>
+  );
+}