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
|
||||
</h2>
|
||||
<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>
|
||||
<p className="text-sm font-semibold text-muted-foreground">
|
||||
License Key
|
||||
</p>
|
||||
<p className="text-foreground break-all">{license.licenseKey}</p>
|
||||
</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>
|
||||
<p className="text-sm font-semibold text-muted-foreground">
|
||||
Server IPs
|
||||
@@ -70,18 +56,9 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
||||
{new Date(license.createdAt).toLocaleDateString()}
|
||||
</p>
|
||||
</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>
|
||||
|
||||
{/* Subscription Information Section */}
|
||||
<div>
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h2 className="text-xl font-bold text-foreground">
|
||||
@@ -89,12 +66,6 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
||||
</h2>
|
||||
</div>
|
||||
<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>
|
||||
<p className="text-sm font-semibold text-muted-foreground">
|
||||
Quantity
|
||||
@@ -111,12 +82,6 @@ const LicenseCard = ({ license, stripeSuscription }: any) => {
|
||||
{stripeSuscription.billingType}
|
||||
</p>
|
||||
</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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user