highperfocused/open-saas
1
0
Fork 0
mirror of https://github.com/wasp-lang/open-saas.git synced 2025-11-19 19:36:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

remove dt dd

Browse Source
This commit is contained in:
Franjo Mindek
2025-10-09 15:28:06 +02:00
parent 53c3be891f
commit 41f70e9fb4
1 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
template/app/src/user/AccountPage.tsx
View File

@@ -30,12 +30,12 @@ export default function AccountPage({ user }: { user: User }) {
{!!user.email && ( {!!user.email && (
<div className="px-6 py-4"> <div className="px-6 py-4">
<div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4">
<dt className="text-muted-foreground text-sm font-medium"> <div className="text-muted-foreground text-sm font-medium">
Email address Email address
</dt> </div>
<dd className="text-foreground mt-1 text-sm sm:col-span-2 sm:mt-0"> <div className="text-foreground mt-1 text-sm sm:col-span-2 sm:mt-0">
{user.email} {user.email}
</dd> </div>
</div> </div>
</div> </div>
)} )}
@@ -44,12 +44,12 @@ export default function AccountPage({ user }: { user: User }) {
<Separator /> <Separator />
<div className="px-6 py-4"> <div className="px-6 py-4">
<div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4">
<dt className="text-muted-foreground text-sm font-medium"> <div className="text-muted-foreground text-sm font-medium">
Username Username
</dt> </div>
<dd className="text-foreground mt-1 text-sm sm:col-span-2 sm:mt-0"> <div className="text-foreground mt-1 text-sm sm:col-span-2 sm:mt-0">
{user.username} {user.username}
</dd> </div>
</div> </div>
</div> </div>
</> </>
@@ -57,9 +57,9 @@ export default function AccountPage({ user }: { user: User }) {
<Separator /> <Separator />
<div className="px-6 py-4"> <div className="px-6 py-4">
<div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4">
<dt className="text-muted-foreground text-sm font-medium"> <div className="text-muted-foreground text-sm font-medium">
Your Plan Your Plan
</dt> </div>
<UserCurrentSubscriptionPlan <UserCurrentSubscriptionPlan
subscriptionPlan={user.subscriptionPlan} subscriptionPlan={user.subscriptionPlan}
subscriptionStatus={user.subscriptionStatus} subscriptionStatus={user.subscriptionStatus}
@@ -70,12 +70,12 @@ export default function AccountPage({ user }: { user: User }) {
<Separator /> <Separator />
<div className="px-6 py-4"> <div className="px-6 py-4">
<div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4">
<dt className="text-muted-foreground text-sm font-medium"> <div className="text-muted-foreground text-sm font-medium">
Credits Credits
</dt> </div>
<dd className="text-foreground mt-1 text-sm sm:col-span-1 sm:mt-0"> <div className="text-foreground mt-1 text-sm sm:col-span-1 sm:mt-0">
{user.credits + " credits"} {user.credits + " credits"}
</dd> </div>
<div className="ml-auto mt-4 sm:mt-0"> <div className="ml-auto mt-4 sm:mt-0">
<BuyMoreButton subscriptionStatus={user.subscriptionStatus} /> <BuyMoreButton subscriptionStatus={user.subscriptionStatus} />
</div> </div>
@@ -84,12 +84,12 @@ export default function AccountPage({ user }: { user: User }) {
<Separator /> <Separator />
<div className="px-6 py-4"> <div className="px-6 py-4">
<div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4"> <div className="grid grid-cols-1 sm:grid-cols-3 sm:gap-4">
<dt className="text-muted-foreground text-sm font-medium"> <div className="text-muted-foreground text-sm font-medium">
About About
</dt> </div>
<dd className="text-foreground mt-1 text-sm sm:col-span-2 sm:mt-0"> <div className="text-foreground mt-1 text-sm sm:col-span-2 sm:mt-0">
I'm a cool customer. I'm a cool customer.
</dd> </div>
</div> </div>
</div> </div>
</div> </div>
@@ -119,9 +119,9 @@ function UserCurrentSubscriptionPlan({
return ( return (
<> <>
<dd className="text-foreground mt-1 text-sm sm:col-span-1 sm:mt-0"> <div className="text-foreground mt-1 text-sm sm:col-span-1 sm:mt-0">
{subscriptionPlanMessage} {subscriptionPlanMessage}
</dd> </div>
<div className="ml-auto mt-4 sm:mt-0"> <div className="ml-auto mt-4 sm:mt-0">
<CustomerPortalButton /> <CustomerPortalButton />
</div> </div>