Remove old frontend

Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>

apps/console/src/hooks/useMutationWithToasts.ts

@@ -0,0 +1,71 @@
+import { useCallback } from "react";
+import { useMutation, type UseMutationConfig } from "react-relay";
+import { useToast } from "@probo/ui";
+import { useTranslate } from "@probo/i18n";
+import type { MutationParameters, GraphQLTaggedNode } from "relay-runtime";
+
+/**
+ * A decorated useMutation hook that emits toast notifications on success or error.
+ */
+export function useMutationWithToasts<T extends MutationParameters>(
+  query: GraphQLTaggedNode,
+  baseOptions?: {
+    successMessage?: string;
+    errorMessage?: string;
+  }
+) {
+  const [mutate, isLoading] = useMutation<T>(query);
+  const { toast } = useToast();
+  const { __ } = useTranslate();
+  const mutateWithToast = useCallback(
+    (
+      queryOptions: UseMutationConfig<T> & {
+        onSuccess?: () => void;
+        successMessage?: string;
+        errorMessage?: string;
+      }
+    ) => {
+      const options = { ...baseOptions, ...queryOptions };
+      return new Promise<void>((resolve, reject) =>
+        mutate({
+          ...queryOptions,
+          onCompleted: (response, error) => {
+            options.onCompleted?.(response, error);
+            if (error) {
+              toast({
+                title: __("Error"),
+                description:
+                  options.errorMessage ??
+                  __("Failed to commit this operation."),
+                variant: "error",
+              });
+              reject(error);
+              return;
+            }
+            toast({
+              title: __("Success"),
+              description:
+                options.successMessage ??
+                __("Operation completed successfully"),
+              variant: "success",
+            });
+            options.onSuccess?.();
+            resolve();
+          },
+          onError: (error) => {
+            toast({
+              title: __("Error"),
+              description:
+                options.errorMessage ?? __("Failed to commit this operation."),
+              variant: "error",
+            });
+            reject(error);
+          },
+        })
+      );
+    },
+    [mutate]
+  );
+
+  return [mutateWithToast, isLoading] as const;
+}