fix(hooks): unify hooks files

Author: natemoo-re

static/app/views/automations/hooks/index.ts

@@ -1,5 +1,6 @@
-import type {Automation} from 'sentry/types/workflowEngine/automations';
-import {useApiQuery} from 'sentry/utils/queryClient';
+import type {Automation, NewAutomation} from 'sentry/types/workflowEngine/automations';
+import {useApiQuery, useMutation, useQueryClient} from 'sentry/utils/queryClient';
+import useApi from 'sentry/utils/useApi';
 import useOrganization from 'sentry/utils/useOrganization';
 
 interface UseAutomationsQueryOptions {
@@ -14,3 +15,56 @@ export function useAutomationsQuery(_options: UseAutomationsQueryOptions = {}) {
     retry: false,
   });
 }
+
+export const makeAutomationQueryKey = (
+  orgSlug: string,
+  automationId = ''
+): [url: string] => [`/organizations/${orgSlug}/workflows/${automationId}/`];
+
+export function useCreateAutomation(automation: NewAutomation) {
+  const org = useOrganization();
+
+  return useApiQuery<Automation[]>(
+    [...makeAutomationQueryKey(org.slug), {method: 'POST', data: automation}],
+    {
+      staleTime: 0,
+      retry: false,
+    }
+  );
+}
+
+export function useAutomationQuery(automationId: string) {
+  const org = useOrganization();
+
+  return useApiQuery<Automation>([...makeAutomationQueryKey(org.slug, automationId)], {
+    staleTime: 0,
+    retry: false,
+  });
+}
+
+export function useAutomationMutation(automation: Partial<Automation> & {id: string}) {
+  const api = useApi({persistInFlight: true});
+  const queryClient = useQueryClient();
+  const org = useOrganization();
+  const queryKey = makeAutomationQueryKey(org.slug, automation.id);
+  return useMutation<Automation>({
+    mutationFn: data =>
+      api.requestPromise(queryKey[0], {
+        method: 'PUT',
+        data,
+      }),
+    onSuccess: _ => {
+      queryClient.invalidateQueries({queryKey});
+      // setApiQueryData<Project>(
+      //   queryClient,
+      //   makeDetailedProjectQueryKey({
+      //     orgSlug: organization.slug,
+      //     projectSlug: project.slug,
+      //   }),
+      //   existingData => (updatedProject ? updatedProject : existingData)
+      // );
+      // return onSuccess?.(updatedProject);
+    },
+    onError: _ => {},
+  });
+}

static/app/views/automations/hooks/index.tsx

@@ -2,6 +2,7 @@ import {useState} from 'react';
 
 import type {ActionType} from 'sentry/types/workflowEngine/actions';
 import type {Automation} from 'sentry/types/workflowEngine/automations';
+import {useDetectorQueriesByIds} from 'sentry/views/detectors/hooks';
 
 export function useAutomationActions(automation: Automation): ActionType[] {
   return [
@@ -47,3 +48,9 @@ export function useConnectedIds({storageKey, initialIds = []}: UseConnectedIdsPr
 }
 
 export const NEW_AUTOMATION_CONNECTED_IDS_KEY = 'new-automation-connected-ids';
+export function useAutomationProjectIds(automation: Automation): string[] {
+  const queries = useDetectorQueriesByIds(automation.detectorIds);
+  return [
+    ...new Set(queries.map(query => query.data?.projectId).filter(x => x)),
+  ] as string[];
+}