refactor: simplify imports and enhance styling in AutomationSettings component

This commit is contained in:
Arunavo Ray
2025-06-15 13:00:08 +05:30
parent e8d48376a0
commit 1be53bfa87

View File

@@ -1,4 +1,4 @@
import React, { useEffect } from "react"; import { useEffect } from "react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Checkbox } from "@/components/ui/checkbox"; import { Checkbox } from "@/components/ui/checkbox";
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
@@ -9,8 +9,6 @@ import {
SelectTrigger, SelectTrigger,
SelectValue, SelectValue,
} from "@/components/ui/select"; } from "@/components/ui/select";
import { Separator } from "@/components/ui/separator";
import { Badge } from "@/components/ui/badge";
import { import {
Clock, Clock,
Database, Database,
@@ -28,7 +26,6 @@ import {
} from "@/components/ui/tooltip"; } from "@/components/ui/tooltip";
import type { ScheduleConfig, DatabaseCleanupConfig } from "@/types/config"; import type { ScheduleConfig, DatabaseCleanupConfig } from "@/types/config";
import { formatDate } from "@/lib/utils"; import { formatDate } from "@/lib/utils";
import { cn } from "@/lib/utils";
interface AutomationSettingsProps { interface AutomationSettingsProps {
scheduleConfig: ScheduleConfig; scheduleConfig: ScheduleConfig;
@@ -105,12 +102,12 @@ export function AutomationSettings({
</CardHeader> </CardHeader>
<CardContent className="space-y-6"> <CardContent className="space-y-6">
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
{/* Automatic Mirroring Section */} {/* Automatic Mirroring Section */}
<div className="space-y-4"> <div className="space-y-4 p-4 border border-border rounded-lg bg-card/50">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h3 className="text-sm font-medium flex items-center gap-2"> <h3 className="text-sm font-medium flex items-center gap-2">
<RefreshCw className="h-4 w-4" /> <RefreshCw className="h-4 w-4 text-primary" />
Automatic Mirroring Automatic Mirroring
</h3> </h3>
{isAutoSavingSchedule && ( {isAutoSavingSchedule && (
@@ -173,7 +170,7 @@ export function AutomationSettings({
</div> </div>
)} )}
<div className="space-y-2 p-3 bg-muted/50 dark:bg-muted/20 rounded-md"> <div className="space-y-2 p-3 bg-muted/30 dark:bg-muted/10 rounded-md border border-border/50">
<div className="flex items-center justify-between text-xs"> <div className="flex items-center justify-between text-xs">
<span className="flex items-center gap-1.5"> <span className="flex items-center gap-1.5">
<Clock className="h-3.5 w-3.5" /> <Clock className="h-3.5 w-3.5" />
@@ -201,10 +198,10 @@ export function AutomationSettings({
</div> </div>
{/* Database Cleanup Section */} {/* Database Cleanup Section */}
<div className="space-y-4"> <div className="space-y-4 p-4 border border-border rounded-lg bg-card/50">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<h3 className="text-sm font-medium flex items-center gap-2"> <h3 className="text-sm font-medium flex items-center gap-2">
<Database className="h-4 w-4" /> <Database className="h-4 w-4 text-primary" />
Database Maintenance Database Maintenance
</h3> </h3>
{isAutoSavingCleanup && ( {isAutoSavingCleanup && (
@@ -285,7 +282,7 @@ export function AutomationSettings({
</div> </div>
)} )}
<div className="space-y-2 p-3 bg-muted/50 dark:bg-muted/20 rounded-md"> <div className="space-y-2 p-3 bg-muted/30 dark:bg-muted/10 rounded-md border border-border/50">
<div className="flex items-center justify-between text-xs"> <div className="flex items-center justify-between text-xs">
<span className="flex items-center gap-1.5"> <span className="flex items-center gap-1.5">
<Clock className="h-3.5 w-3.5" /> <Clock className="h-3.5 w-3.5" />