fix(typo): fixed typo on replace classname

This commit is contained in:
Jhon
2025-07-13 13:58:25 -03:00
parent 89f71fe889
commit 79c29fa92d
34 changed files with 43 additions and 43 deletions

View File

@@ -124,7 +124,7 @@ export const HandlePorts = ({
<Button>{children}</Button>
)}
</DialogTrigger>
<DialogContent classname="sm:max-w-lg">
<DialogContent className="sm:max-w-lg">
<DialogHeader>
<DialogTitle>Ports</DialogTitle>
<DialogDescription>

View File

@@ -114,7 +114,7 @@ export const HandleSecurity = ({
<Button>{children}</Button>
)}
</DialogTrigger>
<DialogContent classname="sm:max-w-lg">
<DialogContent className="sm:max-w-lg">
<DialogHeader>
<DialogTitle>Security</DialogTitle>
<DialogDescription>

View File

@@ -122,7 +122,7 @@ export const UpdateTraefikConfig = ({ applicationId }: Props) => {
<DialogTrigger asChild>
<Button isLoading={isLoading}>Modify</Button>
</DialogTrigger>
<DialogContent classname="sm:max-w-4xl">
<DialogContent className="sm:max-w-4xl">
<DialogHeader>
<DialogTitle>Update traefik config</DialogTitle>
<DialogDescription>Update the traefik config</DialogDescription>

View File

@@ -151,7 +151,7 @@ export const AddVolumes = ({
<DialogTrigger className="" asChild>
<Button>{children}</Button>
</DialogTrigger>
<DialogContent classname="sm:max-w-3xl">
<DialogContent className="sm:max-w-3xl">
<DialogHeader>
<DialogTitle>Volumes / Mounts</DialogTitle>
</DialogHeader>

View File

@@ -186,7 +186,7 @@ export const UpdateVolume = ({
<PenBoxIcon className="size-3.5 text-primary group-hover:text-blue-500" />
</Button>
</DialogTrigger>
<DialogContent classname="sm:max-w-3xl">
<DialogContent className="sm:max-w-3xl">
<DialogHeader>
<DialogTitle>Update</DialogTitle>
<DialogDescription>Update the mount</DialogDescription>

View File

@@ -91,7 +91,7 @@ export const ShowSchedules = ({ id, scheduleType = "application" }: Props) => {
return (
<div
key={schedule.scheduleId}
classname="flex items-center justify-between rounded-lg border p-3 transition-colors bg-muted/50"
className="flex items-center justify-between rounded-lg border p-3 transition-colors bg-muted/50"
>
<div className="flex items-start gap-3">
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-primary/5">

View File

@@ -113,7 +113,7 @@ export const ShowVolumeBackups = ({
return (
<div
key={volumeBackup.volumeBackupId}
classname="flex items-center justify-between rounded-lg border p-3 transition-colors bg-muted/50"
className="flex items-center justify-between rounded-lg border p-3 transition-colors bg-muted/50"
>
<div className="flex items-start gap-3">
<div className="flex h-9 w-9 items-center justify-center rounded-full bg-primary/5">

View File

@@ -40,7 +40,7 @@ export const ShowDockerModalLogs = ({
{children}
</DropdownMenuItem>
</DialogTrigger>
<DialogContent classname="sm:max-w-7xl">
<DialogContent className="sm:max-w-7xl">
<DialogHeader>
<DialogTitle>View Logs</DialogTitle>
<DialogDescription>View the logs for {containerId}</DialogDescription>

View File

@@ -40,7 +40,7 @@ export const ShowDockerModalStackLogs = ({
{children}
</DropdownMenuItem>
</DialogTrigger>
<DialogContent classname="sm:max-w-7xl">
<DialogContent className="sm:max-w-7xl">
<DialogHeader>
<DialogTitle>View Logs</DialogTitle>
<DialogDescription>View the logs for {containerId}</DialogDescription>

View File

@@ -60,7 +60,7 @@ export const DockerTerminalModal = ({
</DropdownMenuItem>
</DialogTrigger>
<DialogContent
classname="sm:max-w-7xl"
className="sm:max-w-7xl"
onEscapeKeyDown={(event) => event.preventDefault()}
>
<DialogHeader>

View File

@@ -123,7 +123,7 @@ export const ContainerPaidMonitoring = ({ appName, baseUrl, token }: Props) => {
? queryError.message
: "Failed to fetch metrics, Please check your monitoring Instance is Configured correctly."}
</p>
<p classname="text-sm text-muted-foreground">URL: {baseUrl}</p>
<p className="text-sm text-muted-foreground">URL: {baseUrl}</p>
</div>
</div>
);

View File

@@ -143,7 +143,7 @@ export const ShowPaidMonitoring = ({
? queryError.message
: "Failed to fetch metrics, Please check your monitoring Instance is Configured correctly."}
</p>
<p classname="text-sm text-muted-foreground">URL: {BASE_URL}</p>
<p className="text-sm text-muted-foreground">URL: {BASE_URL}</p>
</div>
</div>
);

View File

@@ -155,7 +155,7 @@ export function AddOrganization({ organizationId }: Props) {
control={form.control}
name="logo"
render={({ field }) => (
<FormItem classname="gap-4">
<FormItem className="gap-4">
<FormLabel className="text-right">Logo URL</FormLabel>
<FormControl>
<Input

View File

@@ -119,7 +119,7 @@ export const AddApplication = ({ projectId, projectName }: Props) => {
<span>Application</span>
</DropdownMenuItem>
</DialogTrigger>
<DialogContent classname="sm:max-w-lg">
<DialogContent className="sm:max-w-lg">
<DialogHeader>
<DialogTitle>Create</DialogTitle>
<DialogDescription>

View File

@@ -124,7 +124,7 @@ export const AddCompose = ({ projectId, projectName }: Props) => {
<span>Compose</span>
</DropdownMenuItem>
</DialogTrigger>
<DialogContent classname="sm:max-w-xl">
<DialogContent className="sm:max-w-xl">
<DialogHeader>
<DialogTitle>Create Compose</DialogTitle>
<DialogDescription>

View File

@@ -259,7 +259,7 @@ export const StepTwo = ({ templateInfo, setTemplateInfo }: StepProps) => {
<AccordionItem value="description">
<AccordionTrigger>Description</AccordionTrigger>
<AccordionContent>
<ScrollArea classname="w-full rounded-md border p-4">
<ScrollArea className="w-full rounded-md border p-4">
<ReactMarkdown className="text-muted-foreground text-sm">
{selectedVariant?.description}
</ReactMarkdown>
@@ -289,7 +289,7 @@ export const StepTwo = ({ templateInfo, setTemplateInfo }: StepProps) => {
<AccordionItem value="env-variables">
<AccordionTrigger>Environment Variables</AccordionTrigger>
<AccordionContent>
<ScrollArea classname="w-full rounded-md border">
<ScrollArea className="w-full rounded-md border">
<div className="p-4 space-y-4">
{selectedVariant?.envVariables.map((env, index) => (
<div
@@ -364,7 +364,7 @@ export const StepTwo = ({ templateInfo, setTemplateInfo }: StepProps) => {
<AccordionItem value="domains">
<AccordionTrigger>Domains</AccordionTrigger>
<AccordionContent>
<ScrollArea classname="w-full rounded-md border">
<ScrollArea className="w-full rounded-md border">
<div className="p-4 space-y-4">
{selectedVariant?.domains.map((domain, index) => (
<div

View File

@@ -47,7 +47,7 @@ export const columns: ColumnDef<LogEntry>[] = [
cell: ({ row }) => {
const log = row.original;
return (
<div classname="flex flex-col gap-2">
<div className="flex flex-col gap-2">
<div className="flex items-center flex-row gap-3 ">
{log.RequestMethod}{" "}
<div className="inline-flex items-center gap-2 bg-muted px-1.5 py-1 rounded-lg">
@@ -86,7 +86,7 @@ export const columns: ColumnDef<LogEntry>[] = [
cell: ({ row }) => {
const log = row.original;
return (
<div classname="flex flex-col gap-2">
<div className="flex flex-col gap-2">
<div className="flex flex-row gap-3 w-full">
{format(new Date(log.StartUTC), "yyyy-MM-dd HH:mm:ss")}
</div>

View File

@@ -171,7 +171,7 @@ export const ShowBilling = () => {
)}
{isAnnual ? (
<div className="flex flex-row gap-2 items-center">
<p classname="text-2xl font-semibold tracking-tight text-primary ">
<p className="text-2xl font-semibold tracking-tight text-primary ">
${" "}
{calculatePrice(
serverQuantity,
@@ -180,7 +180,7 @@ export const ShowBilling = () => {
USD
</p>
|
<p classname="text-base font-semibold tracking-tight text-muted-foreground">
<p className="text-base font-semibold tracking-tight text-muted-foreground">
${" "}
{(
calculatePrice(serverQuantity, isAnnual) / 12
@@ -189,7 +189,7 @@ export const ShowBilling = () => {
</p>
</div>
) : (
<p classname="text-2xl font-semibold tracking-tight text-primary ">
<p className="text-2xl font-semibold tracking-tight text-primary ">
${" "}
{calculatePrice(serverQuantity, isAnnual).toFixed(
2,

View File

@@ -106,7 +106,7 @@ export const AddCertificate = () => {
Add Certificate
</Button>
</DialogTrigger>
<DialogContent classname="sm:max-w-2xl">
<DialogContent className="sm:max-w-2xl">
<DialogHeader>
<DialogTitle>Add New Certificate</DialogTitle>
<DialogDescription>

View File

@@ -27,7 +27,7 @@ export const AddNode = ({ serverId }: Props) => {
Add Node
</Button>
</DialogTrigger>
<DialogContent classname="sm:max-w-4xl">
<DialogContent className="sm:max-w-4xl">
<DialogHeader>
<DialogTitle>Add Node</DialogTitle>
<DialogDescription className="flex flex-col gap-2">

View File

@@ -204,7 +204,7 @@ export const HandleDestinations = ({ destinationId }: Props) => {
</Button>
)}
</DialogTrigger>
<DialogContent classname="sm:max-w-2xl">
<DialogContent className="sm:max-w-2xl">
<DialogHeader>
<DialogTitle>
{destinationId ? "Update" : "Add"} Destination

View File

@@ -907,7 +907,7 @@ export const HandleNotifications = ({ notificationId }: Props) => {
control={form.control}
name="appBuildError"
render={({ field }) => (
<FormItem classname="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<div className="space-y-0.5">
<FormLabel>App Build Error</FormLabel>
<FormDescription>
@@ -928,7 +928,7 @@ export const HandleNotifications = ({ notificationId }: Props) => {
control={form.control}
name="databaseBackup"
render={({ field }) => (
<FormItem classname="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<div className="space-y-0.5">
<FormLabel>Database Backup</FormLabel>
<FormDescription>
@@ -949,7 +949,7 @@ export const HandleNotifications = ({ notificationId }: Props) => {
control={form.control}
name="dockerCleanup"
render={({ field }) => (
<FormItem classname="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<div className="space-y-0.5">
<FormLabel>Docker Cleanup</FormLabel>
<FormDescription>
@@ -972,7 +972,7 @@ export const HandleNotifications = ({ notificationId }: Props) => {
control={form.control}
name="dokployRestart"
render={({ field }) => (
<FormItem classname="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<div className="space-y-0.5">
<FormLabel>Dokploy Restart</FormLabel>
<FormDescription>
@@ -995,7 +995,7 @@ export const HandleNotifications = ({ notificationId }: Props) => {
control={form.control}
name="serverThreshold"
render={({ field }) => (
<FormItem classname="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm gap-2">
<div className="space-y-0.5">
<FormLabel>Server Threshold</FormLabel>
<FormDescription>

View File

@@ -152,7 +152,7 @@ export const SetupServer = ({ serverId }: Props) => {
Copy Public Key ({server?.sshKey?.name})
<button
type="button"
classname="right-2 top-8"
className="right-2 top-8"
onClick={() => {
copy(
server?.sshKey?.publicKey || "Generate a SSH Key",

View File

@@ -122,7 +122,7 @@ export const CreateSSHKey = () => {
Copy Public Key
<button
type="button"
classname="right-2 top-8"
className="right-2 top-8"
onClick={() => {
copy(
cloudSSHKey?.publicKey || "Generate a SSH Key",

View File

@@ -289,7 +289,7 @@ export const WelcomeSuscription = () => {
<div className="flex flex-col gap-6">
<div className="flex flex-col gap-2">
<h2 className="text-lg font-semibold">You're All Set!</h2>
<p classname="text-muted-foreground">
<p className="text-muted-foreground">
Did you know you can deploy any number of applications
that your server can handle?
</p>

View File

@@ -152,7 +152,7 @@ export const HandleSSHKeys = ({ sshKeyId }: Props) => {
</Button>
)}
</DialogTrigger>
<DialogContent classname="sm:max-w-2xl">
<DialogContent className="sm:max-w-2xl">
<DialogHeader>
<DialogTitle>SSH Key</DialogTitle>
<DialogDescription className="space-y-4">

View File

@@ -108,7 +108,7 @@ export const AddInvitation = () => {
<PlusIcon className="h-4 w-4" /> Add Invitation
</Button>
</DialogTrigger>
<DialogContent classname="sm:max-w-2xl">
<DialogContent className="sm:max-w-2xl">
<DialogHeader>
<DialogTitle>Add Invitation</DialogTitle>
<DialogDescription>Invite a new user</DialogDescription>

View File

@@ -140,7 +140,7 @@ export const AddUserPermissions = ({ userId }: Props) => {
control={form.control}
name="canCreateProjects"
render={({ field }) => (
<FormItem classname="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm">
<FormItem className="flex flex-row items-center justify-between rounded-lg border p-3 shadow-sm">
<div className="space-y-0.5">
<FormLabel>Create Projects</FormLabel>
<FormDescription>

View File

@@ -78,7 +78,7 @@ export const EditTraefikEnv = ({ children, serverId }: Props) => {
return (
<Dialog>
<DialogTrigger asChild>{children}</DialogTrigger>
<DialogContent classname="sm:max-w-4xl">
<DialogContent className="sm:max-w-4xl">
<DialogHeader>
<DialogTitle>Update Traefik Environment</DialogTitle>
<DialogDescription>

View File

@@ -77,7 +77,7 @@ const LocalServerConfig = ({ onSave }: Props) => {
<div className="flex flex-row items-center gap-2 justify-between w-full">
<div className="flex flex-row gap-2 items-center">
<Settings className="h-4 w-4" />
<span classname="dark:hover:text-white">
<span className="dark:hover:text-white">
{t("settings.terminal.connectionSettings")}
</span>
</div>

View File

@@ -53,7 +53,7 @@ export const TerminalModal = ({ children, serverId }: Props) => {
</DropdownMenuItem>
</DialogTrigger>
<DialogContent
classname="sm:max-w-7xl"
className="sm:max-w-7xl"
onEscapeKeyDown={(event) => event.preventDefault()}
>
<DialogHeader className="flex flex-col gap-1">

View File

@@ -246,7 +246,7 @@ const Leaf = React.forwardRef<
aria-hidden="true"
/>
)}
<p classname="text-sm whitespace-normal font-mono text-left">
<p className="text-sm whitespace-normal font-mono text-left">
{item.name}
</p>
</button>

View File

@@ -958,7 +958,7 @@ const Project = (
</div>
) : (
<div className="flex w-full flex-col gap-4">
<div classname="gap-5 pb-10 grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
<div className="gap-5 pb-10 grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3">
{filteredServices?.map((service) => (
<Card
key={service.id}

View File

@@ -131,7 +131,7 @@ const Register = ({ isCloud }: Props) => {
</CardDescription>
<div className="mx-auto w-full max-w-lg bg-transparent">
{isError && (
<div classname="my-2 flex flex-row items-center gap-2 rounded-lg bg-red-50 p-2 dark:bg-red-950">
<div className="my-2 flex flex-row items-center gap-2 rounded-lg bg-red-50 p-2 dark:bg-red-950">
<AlertTriangle className="text-red-600 dark:text-red-400" />
<span className="text-sm text-red-600 dark:text-red-400">
{error}