fix: mutation for issue update on both kanban & list (#436)

* refactor: issues filter logic

* fix: removed fetch logic from hooks

* feat: filter by assignee and label

* chore: remove filter buttons

* feat: filter options

* fix: mutation for issue update on both kanban & list

---------

Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com>

apps/app/hooks/use-issues-view.tsx

@@ -0,0 +1,121 @@
+import { useContext, useMemo } from "react";
+
+import { useRouter } from "next/router";
+
+import useSWR from "swr";
+
+// contexts
+import { issueViewContext } from "contexts/issue-view.context";
+// services
+import issuesService from "services/issues.service";
+import cyclesService from "services/cycles.service";
+import modulesService from "services/modules.service";
+// fetch-keys
+import {
+  CYCLE_ISSUES_WITH_PARAMS,
+  MODULE_ISSUES_WITH_PARAMS,
+  PROJECT_ISSUES_LIST_WITH_PARAMS,
+} from "constants/fetch-keys";
+
+// types
+import type { IIssue } from "types";
+
+const useIssuesView = () => {
+  const {
+    issueView,
+    groupByProperty,
+    setGroupByProperty,
+    orderBy,
+    setOrderBy,
+    filters,
+    setFilters,
+    resetFilterToDefault,
+    setNewFilterDefaultView,
+    setIssueViewToKanban,
+    setIssueViewToList,
+  } = useContext(issueViewContext);
+
+  const router = useRouter();
+  const { workspaceSlug, projectId, cycleId, moduleId } = router.query;
+
+  const params: any = {
+    order_by: orderBy,
+    group_by: groupByProperty,
+    assignees: filters.assignees ? filters.assignees.join(",") : undefined,
+    type: filters.type ? filters.type : undefined,
+    labels: filters.labels ? filters.labels.join(",") : undefined,
+    issue__assignees__id: filters.issue__assignees__id
+      ? filters.issue__assignees__id.join(",")
+      : undefined,
+    issue__labels__id: filters.issue__labels__id ? filters.issue__labels__id.join(",") : undefined,
+  };
+
+  const { data: projectIssues } = useSWR(
+    workspaceSlug && projectId && params
+      ? PROJECT_ISSUES_LIST_WITH_PARAMS(projectId as string)
+      : null,
+    workspaceSlug && projectId && params
+      ? () =>
+          issuesService.getIssuesWithParams(workspaceSlug as string, projectId as string, params)
+      : null
+  );
+
+  const { data: cycleIssues } = useSWR(
+    workspaceSlug && projectId && cycleId && params
+      ? CYCLE_ISSUES_WITH_PARAMS(cycleId as string)
+      : null,
+    workspaceSlug && projectId && cycleId && params
+      ? () =>
+          cyclesService.getCycleIssuesWithParams(
+            workspaceSlug as string,
+            projectId as string,
+            cycleId as string,
+            params
+          )
+      : null
+  );
+
+  const { data: moduleIssues } = useSWR(
+    workspaceSlug && projectId && moduleId && params
+      ? MODULE_ISSUES_WITH_PARAMS(moduleId as string)
+      : null,
+    workspaceSlug && projectId && moduleId && params
+      ? () =>
+          modulesService.getModuleIssuesWithParams(
+            workspaceSlug as string,
+            projectId as string,
+            moduleId as string,
+            params
+          )
+      : null
+  );
+
+  const groupedByIssues:
+    | {
+        [key: string]: IIssue[];
+      }
+    | undefined = useMemo(() => {
+    const issuesToGroup = cycleIssues ?? moduleIssues ?? projectIssues;
+
+    if (Array.isArray(issuesToGroup)) return { allIssues: issuesToGroup };
+    else return issuesToGroup;
+  }, [projectIssues, cycleIssues, moduleIssues]);
+
+  return {
+    groupedByIssues,
+    issueView,
+    groupByProperty,
+    setGroupByProperty,
+    orderBy,
+    setOrderBy,
+    filters,
+    setFilters,
+    params,
+    resetFilterToDefault,
+    setNewFilterDefaultView,
+    setIssueViewToKanban,
+    setIssueViewToList,
+  } as const;
+};
+
+export default useIssuesView;