refactor: improve frontend code organization
This commit is contained in:
parent
c2c5a1d235
commit
bc820f17b0
1 changed files with 3 additions and 7 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue