#3843 ruleset type table w/ data

src/backend/src/services/rules.services.ts

@@ -502,6 +502,9 @@ export default class RulesService {
       where: {
         organizationId: organization.organizationId,
         deletedBy: null
+      },
+      include: {
+        revisionFiles: true
       }
     });
     return rulesets.map(rulesetTypeTransformer);

src/frontend/src/apis/rules.api.ts

@@ -1,4 +1,4 @@
-import { RulesetType } from 'shared';
+import { RulesetType, Ruleset } from 'shared';
 import axios from '../utils/axios';
 import { apiUrls } from '../utils/urls';
 
@@ -11,3 +11,26 @@ import { apiUrls } from '../utils/urls';
 export const createRulesetType = (payload: { name: string }) => {
   return axios.post<RulesetType>(apiUrls.rulesetTypeCreate(), payload);
 };
+
+/**
+ * Fetches all Ruleset Types for the current organization.
+ *
+ * @returns A list of Ruleset Types.
+ */
+export const getAllRulesetTypes = () => {
+  return axios.get<RulesetType[]>(apiUrls.rulesetTypes(), {
+    transformResponse: (data) => JSON.parse(data)
+  });
+};
+
+/**
+ * Fetches all Rulesets for a specific Ruleset Type.
+ *
+ * @param rulesetTypeId ID of the ruleset type.
+ * @returns A list of Rulesets for that ruleset type.
+ */
+export const getRulesetsByRulesetType = (rulesetTypeId: string) => {
+  return axios.get<Ruleset[]>(apiUrls.rulesetsByType(rulesetTypeId), {
+    transformResponse: (data) => JSON.parse(data)
+  });
+};

src/frontend/src/hooks/rules.hooks.ts

@@ -1,6 +1,6 @@
-import { useMutation, useQueryClient } from 'react-query';
-import { RulesetType } from 'shared';
-import { createRulesetType } from '../apis/rules.api';
+import { useMutation, useQueryClient, useQuery } from 'react-query';
+import { Ruleset, RulesetType } from 'shared';
+import { createRulesetType, getAllRulesetTypes, getRulesetsByRulesetType } from '../apis/rules.api';
 
 interface CreateRulesetTypePayload {
   name: string;
@@ -24,3 +24,28 @@ export const useCreateRulesetType = () => {
     }
   );
 };
+
+/**
+ * React Query hook to fetch all Ruleset Types.
+ *
+ * @returns Query result containing Ruleset Types data, loading state, and error state.
+ */
+export const useAllRulesetTypes = () => {
+  return useQuery<RulesetType[], Error>(['rulesetTypes'], async () => {
+    const { data } = await getAllRulesetTypes();
+    return data;
+  });
+};
+
+/**
+ * React Query hook to fetch all Rulesets for a specific Ruleset Type.
+ *
+ * @param rulesetTypeId The ID of the ruleset type.
+ * @returns Query result containing Rulesets data, loading state, and error state.
+ */
+export const useRulesetsByType = (rulesetTypeId: string) => {
+  return useQuery<Ruleset[], Error>(['rulesets', rulesetTypeId], async () => {
+    const { data } = await getRulesetsByRulesetType(rulesetTypeId);
+    return data;
+  });
+};