refactor: improve layout of Last Run and Next Run fields in Database and Schedule config forms

This commit is contained in:
Arunavo Ray
2025-05-24 19:23:40 +05:30
parent a4e771d3bd
commit 7afe364a24
2 changed files with 30 additions and 22 deletions

View File

@@ -126,19 +126,23 @@ export function DatabaseCleanupConfigForm({
</div>
)}
<div>
<label className="block text-sm font-medium mb-1">Last Run</label>
<div className="text-sm">
{config.lastRun ? formatDate(config.lastRun) : "Never"}
<div className="flex gap-x-4">
<div className="flex-1">
<label className="block text-sm font-medium mb-1">Last Run</label>
<div className="text-sm">
{config.lastRun ? formatDate(config.lastRun) : "Never"}
</div>
</div>
</div>
{config.nextRun && config.enabled && (
<div>
<label className="block text-sm font-medium mb-1">Next Run</label>
<div className="text-sm">{formatDate(config.nextRun)}</div>
</div>
)}
{config.enabled && (
<div className="flex-1">
<label className="block text-sm font-medium mb-1">Next Run</label>
<div className="text-sm">
{config.nextRun ? formatDate(config.nextRun) : "Never"}
</div>
</div>
)}
</div>
</div>
</CardContent>
</Card>

View File

@@ -130,19 +130,23 @@ export function ScheduleConfigForm({
</div>
)}
<div>
<label className="block text-sm font-medium mb-1">Last Run</label>
<div className="text-sm">
{config.lastRun ? formatDate(config.lastRun) : "Never"}
<div className="flex gap-x-4">
<div className="flex-1">
<label className="block text-sm font-medium mb-1">Last Run</label>
<div className="text-sm">
{config.lastRun ? formatDate(config.lastRun) : "Never"}
</div>
</div>
</div>
{config.nextRun && config.enabled && (
<div>
<label className="block text-sm font-medium mb-1">Next Run</label>
<div className="text-sm">{formatDate(config.nextRun)}</div>
</div>
)}
{config.enabled && (
<div className="flex-1">
<label className="block text-sm font-medium mb-1">Next Run</label>
<div className="text-sm">
{config.nextRun ? formatDate(config.nextRun) : "Never"}
</div>
</div>
)}
</div>
</div>
</CardContent>
</Card>