refactor: improve frontend code organization

This commit is contained in:
Nicolas Meienberger 2026-03-18 19:55:48 +01:00
parent c2c5a1d235
commit bc820f17b0

View file

@ -91,11 +91,6 @@ export const ScheduleSummary = (props: Props) => {
handleStopBackup(); handleStopBackup();
}; };
const backupDetails =
schedule.lastBackupStatus === "warning"
? (schedule.lastBackupError ?? "Last backup completed with warnings. Check your container logs for more details.")
: schedule.lastBackupError;
return ( return (
<div className="space-y-4"> <div className="space-y-4">
<Card className="@container"> <Card className="@container">
@ -205,7 +200,7 @@ export const ScheduleSummary = (props: Props) => {
</p> </p>
</div> </div>
{backupDetails && (schedule.lastBackupStatus === "warning" || schedule.lastBackupStatus === "error") && ( {(schedule.lastBackupStatus === "warning" || schedule.lastBackupStatus === "error") && (
<div className="@medium:col-span-2 @wide:col-span-4"> <div className="@medium:col-span-2 @wide:col-span-4">
<Collapsible <Collapsible
className={cn("border border-border/50 rounded-lg overflow-hidden", { className={cn("border border-border/50 rounded-lg overflow-hidden", {
@ -234,7 +229,8 @@ export const ScheduleSummary = (props: Props) => {
"text-red-600": schedule.lastBackupStatus === "error", "text-red-600": schedule.lastBackupStatus === "error",
})} })}
> >
{backupDetails} {schedule.lastBackupError ??
"No additional details available. check your container logs for more information."}
</p> </p>
</div> </div>
</CollapsibleContent> </CollapsibleContent>