Dokploy/dokploy
1
0
Fork 0
mirror of https://github.com/Dokploy/dokploy.git synced 2026-06-15 20:25:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(billing): reorganize imports and adjust layout for better UI consistency

Browse Source
This commit is contained in:
Mauricio Siu
2025-07-31 03:37:09 -06:00
parent 29aae91959
commit 275d7ee586
2 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
apps/dokploy/components/dashboard/settings/billing/show-billing.tsx
View File

@@ -1,3 +1,15 @@
import { loadStripe } from "@stripe/stripe-js";
import clsx from "clsx";
import {
AlertTriangle,
CheckIcon,
CreditCard,
Loader2,
MinusIcon,
PlusIcon,
} from "lucide-react";
import Link from "next/link";
import { useState } from "react";
import { Badge } from "@/components/ui/badge";
import { Button } from "@/components/ui/button";
import {
@@ -12,18 +24,6 @@ import { Progress } from "@/components/ui/progress";
import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { cn } from "@/lib/utils";
import { api } from "@/utils/api";
import { loadStripe } from "@stripe/stripe-js";
import clsx from "clsx";
import {
AlertTriangle,
CheckIcon,
CreditCard,
Loader2,
MinusIcon,
PlusIcon,
} from "lucide-react";
import Link from "next/link";
import { useState } from "react";
import { ShowProviders } from "./show-providers";
const stripePromise = loadStripe(
@@ -315,7 +315,7 @@ export const ShowBilling = () => {
)}
</div>
</CardContent>
<div className="flex flex-col gap-4 px-4">
<div className="flex flex-col gap-4 pb-10">
<ShowProviders />
</div>
</div>

8
apps/dokploy/components/dashboard/settings/billing/show-providers.tsx
View File

@@ -1,18 +1,18 @@
import { DollarSign } from "lucide-react";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
CardDescription,
} from "@/components/ui/card";
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { ShowHetznerProviders } from "./show-hetzner-providers";
import { ShowHostingerServers } from "./show-hostinger-servers";
import { DollarSign } from "lucide-react";
export const ShowProviders = () => {
return (
<Card className="w-full bg-transparent ">
<Card className="w-full bg-transparent border-none">
<CardHeader>
<CardTitle className="flex items-center gap-2">
<DollarSign className="h-6 w-6 text-green-600" />