mirror of
https://github.com/Dokploy/website
synced 2025-06-26 18:16:01 +00:00
refactor: simplify LicenseCard component by removing unused fields and improving layout
This commit is contained in:
@@ -16,26 +16,12 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
|||||||
License Information
|
License Information
|
||||||
</h2>
|
</h2>
|
||||||
<div className="grid grid-cols-1 gap-4">
|
<div className="grid grid-cols-1 gap-4">
|
||||||
<div>
|
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
|
||||||
License ID
|
|
||||||
</p>
|
|
||||||
<p className="text-foreground">{license.id}</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
<p className="text-sm font-semibold text-muted-foreground">
|
||||||
License Key
|
License Key
|
||||||
</p>
|
</p>
|
||||||
<p className="text-foreground break-all">{license.licenseKey}</p>
|
<p className="text-foreground break-all">{license.licenseKey}</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
|
||||||
Activation Status
|
|
||||||
</p>
|
|
||||||
<p className="text-foreground">
|
|
||||||
{license.activatedAt ? "Activated" : "Not Activated"}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
<p className="text-sm font-semibold text-muted-foreground">
|
||||||
Server IPs
|
Server IPs
|
||||||
@@ -70,18 +56,9 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
|||||||
{new Date(license.createdAt).toLocaleDateString()}
|
{new Date(license.createdAt).toLocaleDateString()}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
|
||||||
Last Updated
|
|
||||||
</p>
|
|
||||||
<p className="text-foreground">
|
|
||||||
{new Date(license.updatedAt).toLocaleDateString()}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Subscription Information Section */}
|
|
||||||
<div>
|
<div>
|
||||||
<div className="flex justify-between items-center mb-4">
|
<div className="flex justify-between items-center mb-4">
|
||||||
<h2 className="text-xl font-bold text-foreground">
|
<h2 className="text-xl font-bold text-foreground">
|
||||||
@@ -89,12 +66,6 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
|||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid grid-cols-1 gap-4">
|
<div className="grid grid-cols-1 gap-4">
|
||||||
<div>
|
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
|
||||||
Subscription ID
|
|
||||||
</p>
|
|
||||||
<p className="text-foreground">{stripeSuscription.id}</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
<div>
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
<p className="text-sm font-semibold text-muted-foreground">
|
||||||
Quantity
|
Quantity
|
||||||
@@ -111,12 +82,6 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
|||||||
{stripeSuscription.billingType}
|
{stripeSuscription.billingType}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<p className="text-sm font-semibold text-muted-foreground">
|
|
||||||
Stripe Customer ID
|
|
||||||
</p>
|
|
||||||
<p className="text-foreground">{license.stripeCustomerId}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user