mirror of
https://github.com/nicotsx/ironmount.git
synced 2025-12-10 12:10:51 +01:00
fix(create-backup): missing submit button
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
import { useState } from "react";
|
import { useId, useState } from "react";
|
||||||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
||||||
import { Database, HardDrive } from "lucide-react";
|
import { Database, HardDrive } from "lucide-react";
|
||||||
import { Link, useNavigate } from "react-router";
|
import { Link, useNavigate } from "react-router";
|
||||||
@@ -39,6 +39,7 @@ export const clientLoader = async () => {
|
|||||||
export default function CreateBackup({ loaderData }: Route.ComponentProps) {
|
export default function CreateBackup({ loaderData }: Route.ComponentProps) {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const queryClient = useQueryClient();
|
const queryClient = useQueryClient();
|
||||||
|
const formId = useId();
|
||||||
const [selectedVolumeId, setSelectedVolumeId] = useState<number | undefined>();
|
const [selectedVolumeId, setSelectedVolumeId] = useState<number | undefined>();
|
||||||
|
|
||||||
const { data: volumesData, isLoading: loadingVolumes } = useQuery({
|
const { data: volumesData, isLoading: loadingVolumes } = useQuery({
|
||||||
@@ -151,7 +152,14 @@ export default function CreateBackup({ loaderData }: Route.ComponentProps) {
|
|||||||
</CardContent>
|
</CardContent>
|
||||||
</Card>
|
</Card>
|
||||||
{selectedVolume ? (
|
{selectedVolume ? (
|
||||||
<CreateScheduleForm volume={selectedVolume} onSubmit={handleSubmit} loading={createSchedule.isPending} />
|
<>
|
||||||
|
<CreateScheduleForm volume={selectedVolume} onSubmit={handleSubmit} formId={formId} />
|
||||||
|
<div className="flex justify-end mt-4 gap-2">
|
||||||
|
<Button type="submit" variant="primary" form={formId} loading={createSchedule.isPending}>
|
||||||
|
Create
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
) : (
|
) : (
|
||||||
<Card>
|
<Card>
|
||||||
<CardContent className="py-16">
|
<CardContent className="py-16">
|
||||||
|
|||||||
@@ -73,14 +73,6 @@ const createSchedule = async (data: CreateBackupScheduleBody) => {
|
|||||||
throw new NotFoundError("Repository not found");
|
throw new NotFoundError("Repository not found");
|
||||||
}
|
}
|
||||||
|
|
||||||
const existingSchedule = await db.query.backupSchedulesTable.findFirst({
|
|
||||||
where: eq(backupSchedulesTable.volumeId, data.volumeId),
|
|
||||||
});
|
|
||||||
|
|
||||||
if (existingSchedule) {
|
|
||||||
throw new BadRequestError("Volume already has a backup schedule");
|
|
||||||
}
|
|
||||||
|
|
||||||
const nextBackupAt = calculateNextRun(data.cronExpression);
|
const nextBackupAt = calculateNextRun(data.cronExpression);
|
||||||
|
|
||||||
const [newSchedule] = await db
|
const [newSchedule] = await db
|
||||||
|
|||||||
Reference in New Issue
Block a user