MyFit/users-myfit
2
0
Fork 0
Code Issues Pull Requests Releases Activity

subscription starter

Browse Source
This commit is contained in:
Jenkins Automation
2023-02-14 12:08:23 -05:00
parent 2378b54144
commit 2daaacde77
5 changed files with 865 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Subscriptions/index.jsx
+114
View File
@@ -0,0 +1,114 @@
import React from "react";
import country1 from "../../assets/images/country-1.png";
import country2 from "../../assets/images/country-2.png";
import country3 from "../../assets/images/country-3.png";
import SellMonthStatics from "../Charts/SellMonthStatics";
import SellHistoryWidget from "../Home/SellHistoryWidget";
import CurrentBalanceWidget from "../MyWallet/CurrentBalanceWidget";
import Layout from "../Partials/Layout";
//import SellAnaliseStatics from "./SellAnaliseStatics";
import SellProductHistoryTable from "./SellProductHistoryTable";
import PricingListTable from "./PricingListTable";
export default function Subscriptions() {
return (
<>
<Layout>
<div className="sell-page-wrapper w-full mb-10">
<div className="main-wrapper w-full">
<div className="current_balance-bit-sell-widget w-full lg:h-[436px] mb-11">
<div className="w-full h-full lg:flex lg:space-x-7">
{/* style={{ width: "calc(50% - 15px)" }} */}
<div className="lg:w-1/3 h-full mb-10 lg:mb-0">
<div className="sell-month-analytic-card w-full h-full rounded-xl overflow-hidden relative">
{/* heading */}
<div className="w-full h-16 bg-gold flex pl-7 items-center">
<h1 className="text-xl font-medium tracking-wide text-white">
Bits this Month
</h1>
</div>
<div className="w-full h-full flex flex-col justify-between bg-white dark:bg-dark-white ">
<div className="w-full px-5 pt-5">
<p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
769.44 ETH
</p>
<p className="text-thin-light-gray text-18 flex items-center">
<span>($949374.94)</span>
<span className="ml-2 text-sm text-light-red">
-224.75 (11.5%)
</span>
</p>
</div>
<div className="month-statics w-full lg:h-[205px] h-full lg:absolute bottom-0 left-0 transform scale-[1.08]">
<PricingListTable setRGBColor="rgba(242, 153, 74)" />
</div>
</div>
</div>
</div>
<div className="lg:w-1/3 h-full mb-10 lg:mb-0">
<div className="sell-month-analytic-card w-full h-full rounded-xl overflow-hidden relative">
{/* heading */}
<div className="w-full h-16 bg-gold flex pl-7 items-center">
<h1 className="text-xl font-medium tracking-wide text-white">
Bits this Month
</h1>
</div>
<div className="w-full h-full flex flex-col justify-between bg-white dark:bg-dark-white ">
<div className="w-full px-5 pt-5">
<p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
769.44 ETH
</p>
<p className="text-thin-light-gray text-18 flex items-center">
<span>($949374.94)</span>
<span className="ml-2 text-sm text-light-red">
-224.75 (11.5%)
</span>
</p>
</div>
<div className="month-statics w-full lg:h-[205px] h-full lg:absolute bottom-0 left-0 transform scale-[1.08]">
<PricingListTable setRGBColor="rgba(242, 153, 74)" />
</div>
</div>
</div>
</div>
<div className="lg:w-1/3 h-full mb-10 lg:mb-0">
<div className="sell-month-analytic-card w-full h-full rounded-xl overflow-hidden relative">
{/* heading */}
<div className="w-full h-16 bg-pink flex pl-7 items-center">
<h1 className="text-xl font-medium tracking-wide text-white">
Sell Earing this Month
</h1>
</div>
<div className="w-full h-full flex flex-col justify-between bg-white dark:bg-dark-white ">
<div className="w-full px-5 pt-5">
<p className="text-26 font-bold text-dark-gray dark:text-white tracking-wide">
769.44 ETH
</p>
<p className="text-thin-light-gray text-18 flex items-center">
<span>($949374.94)</span>
<span className="ml-2 text-sm text-light-green">
224.75 (11.5%)
</span>
</p>
</div>
<div className="month-statics w-full lg:h-[205px] h-full lg:absolute bottom-0 left-0 transform scale-[1.08]">
<PricingListTable setRGBColor="rgba(245, 57, 248, 1)" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</Layout>
</>
);
}