feat(pci-load-balancer): add edit page policy

ref: DTCORE-2641 Signed-off-by: Yoann Fievez <[email protected]>
ovh · Oct 9, 2024 · d2dbe0e · d2dbe0e
1 parent a158b5d
commit d2dbe0e
Show file tree

Hide file tree

Showing 10 changed files with 436 additions and 290 deletions.
diff --git a/packages/manager/apps/pci-load-balancer/src/api/data/l7Policies.ts b/packages/manager/apps/pci-load-balancer/src/api/data/l7Policies.ts
@@ -69,3 +69,23 @@ export const createPolicy = async (
   );
   return data;
 };
+
+export const updatePolicy = async (
+  projectId: string,
+  region: string,
+  policy: TL7Policy,
+) => {
+  const { data } = await v6.put(
+    `/cloud/project/${projectId}/region/${region}/loadbalancing/l7Policy/${policy.id}`,
+    {
+      name: policy.name,
+      position: policy.position,
+      action: policy.action,
+      redirectHttpCode: policy.redirectHttpCode,
+      redirectPoolId: policy.redirectPoolId,
+      redirectPrefix: policy.redirectPrefix,
+      redirectUrl: policy.redirectUrl,
+    },
+  );
+  return data;
+};
diff --git a/packages/manager/apps/pci-load-balancer/src/api/hook/useL7Policy.tsx b/packages/manager/apps/pci-load-balancer/src/api/hook/useL7Policy.tsx
@@ -8,6 +8,7 @@ import {
   getL7Policies,
   getPolicy,
   TL7Policy,
+  updatePolicy,
 } from '@/api/data/l7Policies';
 import { paginateResults, sortResults } from '@/helpers';
 import { ACTION_LABELS, ACTIONS } from '@/constants';
@@ -112,7 +113,7 @@ export const useDeletePolicy = ({
     onError,
     onSuccess: async () => {
       await queryClient.invalidateQueries({
-        queryKey: ['l7Policies'],
+        queryKey: ['l7Policies', projectId],
       });
       onSuccess();
     },
@@ -127,31 +128,60 @@ type CreatePolicyProps = {
   projectId: string;
   listenerId: string;
   region: string;
-  policy: TL7Policy;
   onError: (cause: Error) => void;
   onSuccess: (newPolicy: TL7Policy) => void;
 };
 
 export const useCreatePolicy = ({
   projectId,
   listenerId,
-  policy,
   region,
   onError,
   onSuccess,
 }: CreatePolicyProps) => {
-  const mutation = useMutation<TL7Policy>({
-    mutationFn: async () => createPolicy(projectId, region, listenerId, policy),
+  const mutation = useMutation({
+    mutationFn: async (policy: TL7Policy) =>
+      createPolicy(projectId, region, listenerId, policy),
     onError,
     onSuccess: async (newPolicy) => {
       await queryClient.invalidateQueries({
-        queryKey: ['l7Policies'],
+        queryKey: ['l7Policies', projectId],
       });
       onSuccess(newPolicy);
     },
   });
   return {
-    createPolicy: () => mutation.mutate(),
+    createPolicy: (policy: TL7Policy) => mutation.mutate(policy),
+    ...mutation,
+  };
+};
+
+type UpdatePolicyProps = {
+  projectId: string;
+  region: string;
+  onError: (cause: Error) => void;
+  onSuccess: (policy: TL7Policy) => void;
+};
+
+export const useUpdatePolicy = ({
+  projectId,
+  region,
+  onError,
+  onSuccess,
+}: UpdatePolicyProps) => {
+  const mutation = useMutation({
+    mutationFn: async (policy: TL7Policy) =>
+      updatePolicy(projectId, region, policy),
+    onError,
+    onSuccess: async (policy: TL7Policy) => {
+      await queryClient.invalidateQueries({
+        queryKey: ['l7Policies', projectId],
+      });
+      onSuccess(policy);
+    },
+  });
+  return {
+    updatePolicy: (policy: TL7Policy) => mutation.mutate(policy),
     ...mutation,
   };
 };
diff --git a/...s/manager/apps/pci-load-balancer/src/components/detail/listeners/l7/Actions.component.tsx b/...s/manager/apps/pci-load-balancer/src/components/detail/listeners/l7/Actions.component.tsx
@@ -13,7 +13,7 @@ export default function ActionsComponent({
   const items = [
     {
       id: 0,
-      href: '',
+      href: useHref(`../${l7PoliciesId}/edit`),
       label: t('octavia_load_balancer_list_l7_policies_actions_edit'),
     },
     {