-
{repository.lastError}
+ const updateMutation = useMutation({
+ ...updateRepositoryMutation(),
+ onSuccess: (data: UpdateRepositoryResponse) => {
+ toast.success("Repository updated successfully");
+ setShowConfirmDialog(false);
+
+ if (data.name !== repository.name) {
+ navigate(`/repositories/${data.name}`);
+ }
+ },
+ onError: (error) => {
+ toast.error("Failed to update repository", { description: error.message, richColors: true });
+ setShowConfirmDialog(false);
+ },
+ });
+
+ const handleSubmit = (e: React.FormEvent) => {
+ e.preventDefault();
+ setShowConfirmDialog(true);
+ };
+
+ const confirmUpdate = () => {
+ updateMutation.mutate({
+ path: { name: repository.name },
+ body: { name, compressionMode },
+ });
+ };
+
+ const hasChanges =
+ name !== repository.name || compressionMode !== ((repository.compressionMode as CompressionMode) || "off");
+
+ return (
+ <>
+
+
+
+ {repository.lastError && (
+
+
+
Last Error
+
+
+
{repository.lastError}
+
+
+ )}
+
+
+
Configuration
+
+
{JSON.stringify(repository.config, null, 2)}
+
+
+
+
+
+
+
+
+
+
+
+
+ Update Repository
+ Are you sure you want to update the repository settings?
+
+
+ Cancel
+ Update
+
+
+
+
);
};
diff --git a/app/client/modules/volumes/tabs/info.tsx b/app/client/modules/volumes/tabs/info.tsx
index 5b8a451..2b21307 100644
--- a/app/client/modules/volumes/tabs/info.tsx
+++ b/app/client/modules/volumes/tabs/info.tsx
@@ -1,5 +1,6 @@
import { useMutation } from "@tanstack/react-query";
import { useState } from "react";
+import { useNavigate } from "react-router";
import { toast } from "sonner";
import { CreateVolumeForm, type FormValues } from "~/client/components/create-volume-form";
import {
@@ -17,6 +18,7 @@ import type { StatFs, Volume } from "~/client/lib/types";
import { HealthchecksCard } from "../components/healthchecks-card";
import { StorageChart } from "../components/storage-chart";
import { updateVolumeMutation } from "~/client/api-client/@tanstack/react-query.gen";
+import type { UpdateVolumeResponse } from "~/client/api-client/types.gen";
type Props = {
volume: Volume;
@@ -24,12 +26,18 @@ type Props = {
};
export const VolumeInfoTabContent = ({ volume, statfs }: Props) => {
+ const navigate = useNavigate();
+
const updateMutation = useMutation({
...updateVolumeMutation(),
- onSuccess: (_) => {
+ onSuccess: (data: UpdateVolumeResponse) => {
toast.success("Volume updated successfully");
setOpen(false);
setPendingValues(null);
+
+ if (data.name !== volume.name) {
+ navigate(`/volumes/${data.name}`);
+ }
},
onError: (error) => {
toast.error("Failed to update volume", { description: error.message });
@@ -50,7 +58,7 @@ export const VolumeInfoTabContent = ({ volume, statfs }: Props) => {
if (pendingValues) {
updateMutation.mutate({
path: { name: volume.name },
- body: { config: pendingValues },
+ body: { name: pendingValues.name, config: pendingValues },
});
}
};