feat(feedback): frontend for categories (#97402)

Author: vishnupsatish

static/app/components/feedback/list/useFeedbackCategories.tsx

@@ -0,0 +1,70 @@
+import {normalizeDateTimeParams} from 'sentry/components/organizations/pageFilters/parse';
+import {useApiQuery} from 'sentry/utils/queryClient';
+import useOrganization from 'sentry/utils/useOrganization';
+import usePageFilters from 'sentry/utils/usePageFilters';
+
+type FeedbackCategory = {
+  associatedLabels: string[];
+  feedbackCount: number;
+  primaryLabel: string;
+};
+
+type FeedbackCategoriesResponse = {
+  categories: FeedbackCategory[] | null;
+  numFeedbacksContext: number;
+  success: boolean;
+};
+
+export default function useFeedbackCategories(): {
+  categories: FeedbackCategory[] | null;
+  isError: boolean;
+  isPending: boolean;
+  tooFewFeedbacks: boolean;
+} {
+  const organization = useOrganization();
+
+  const {selection} = usePageFilters();
+
+  const normalizedDateRange = normalizeDateTimeParams(selection.datetime);
+
+  const {data, isPending, isError} = useApiQuery<FeedbackCategoriesResponse>(
+    [
+      `/organizations/${organization.slug}/feedback-categories/`,
+      {
+        query: {
+          ...normalizedDateRange,
+          project: selection.projects,
+        },
+      },
+    ],
+    {
+      staleTime: 5000,
+      retry: 1,
+    }
+  );
+
+  if (isPending) {
+    return {
+      categories: null,
+      isPending: true,
+      isError: false,
+      tooFewFeedbacks: false,
+    };
+  }
+
+  if (isError) {
+    return {
+      categories: null,
+      isPending: false,
+      isError: true,
+      tooFewFeedbacks: false,
+    };
+  }
+
+  return {
+    categories: data.categories,
+    isPending: false,
+    isError: false,
+    tooFewFeedbacks: data.numFeedbacksContext === 0 && !data.success,
+  };
+}