Refactoring Phase 1 (#199)

* style: added cta at the bottom of sidebar, added missing icons as well, showing dynamic workspace member count on workspace dropdown * refractor: running parallel request, made create/edit label function to async function * fix: sidebar dropdown content going below kanban items outside click detection in need help dropdown * refractor: making parallel api calls fix: create state input comes at bottom, create state input gets on focus automatically, form is getting submitted on enter click * refactoring file structure and signin page * style: changed text and added spinner for signing in loading * refractor: removed unused type * fix: my issue cta in profile page sending to 404 page * fix: added new s3 bucket url in next.config.js file increased image modal height * packaging UI components * eslint config * eslint fixes * refactoring changes * build fixes * minor fixes * adding todo comments for reference * refactor: cleared unused imports and re ordered imports * refactor: removed unused imports * fix: added workspace argument to useissues hook * refactor: removed api-routes file, unnecessary constants * refactor: created helpers folder, removed unnecessary constants * refactor: new context for issue view * refactoring issues page * build fixes * refactoring * refactor: create issue modal * refactor: module ui * fix: sub-issues mutation * fix: create more option in create issue modal * description form debounce issue * refactor: global component for assignees list * fix: link module interface * fix: priority icons and sub-issues count added * fix: cycle mutation in issue details page * fix: remove issue from cycle mutation * fix: create issue modal in home page * fix: removed unnecessary props * fix: updated create issue form status * fix: settings auth breaking * refactor: issue details page Co-authored-by: Dakshesh Jain <dakshesh.jain14@gmail.com> Co-authored-by: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com> Co-authored-by: venkatesh-soulpage <venkatesh.marreboyina@soulpageit.com> Co-authored-by: Aaryan Khandelwal <aaryankhandu123@gmail.com> Co-authored-by: Anmol Singh Bhatia <anmolsinghbhatia1001@gmail.com>
2023-01-26 23:42:20 +05:30 · 2023-01-26 23:42:20 +05:30 · 9075f9441c
commit 9075f9441c
parent 9134b0c543
322 changed files with 14149 additions and 21378 deletions
--- a/apps/app/hooks/use-issue-properties.tsx
+++ b/apps/app/hooks/use-issue-properties.tsx
@ -0,0 +1,96 @@
+import { useState, useEffect, useCallback } from "react";
+import useSWR from "swr";
+// services
+import issueServices from "services/issues.service";
+// hooks
+import useUser from "hooks/use-user";
+// types
+import { IssuePriorities, Properties } from "types";
+
+const initialValues: Properties = {
+  key: true,
+  state: true,
+  assignee: true,
+  priority: false,
+  due_date: false,
+  cycle: false,
+  sub_issue_count: false,
+};
+
+// TODO: CHECK THIS LOGIC
+const useIssuesProperties = (workspaceSlug?: string, projectId?: string) => {
+  const [properties, setProperties] = useState<Properties>(initialValues);
+
+  const { user } = useUser();
+
+  const { data: issueProperties, mutate: mutateIssueProperties } = useSWR<IssuePriorities>(
+    workspaceSlug && projectId
+      ? `/api/workspaces/${workspaceSlug}/projects/${projectId}/issue-properties/`
+      : null,
+    workspaceSlug && projectId
+      ? () => issueServices.getIssueProperties(workspaceSlug, projectId)
+      : null
+  );
+
+  useEffect(() => {
+    if (!issueProperties || !workspaceSlug || !projectId || !user) return;
+    setProperties({ ...initialValues, ...issueProperties.properties });
+
+    if (Object.keys(issueProperties).length === 0)
+      issueServices.createIssueProperties(workspaceSlug, projectId, {
+        properties: { ...initialValues },
+        user: user.id,
+      });
+    else if (Object.keys(issueProperties?.properties).length === 0)
+      issueServices.patchIssueProperties(workspaceSlug, projectId, issueProperties.id, {
+        properties: { ...initialValues },
+        user: user.id,
+      });
+  }, [issueProperties, workspaceSlug, projectId, user]);
+
+  const updateIssueProperties = useCallback(
+    (key: keyof Properties) => {
+      if (!workspaceSlug || !user) return;
+      setProperties((prev) => ({ ...prev, [key]: !prev[key] }));
+      if (issueProperties && projectId) {
+        mutateIssueProperties(
+          (prev) =>
+            ({
+              ...prev,
+              properties: { ...prev?.properties, [key]: !prev?.properties?.[key] },
+            } as IssuePriorities),
+          false
+        );
+        if (Object.keys(issueProperties).length > 0) {
+          issueServices.patchIssueProperties(workspaceSlug, projectId, issueProperties.id, {
+            properties: {
+              ...issueProperties.properties,
+              [key]: !issueProperties.properties[key],
+            },
+            user: user.id,
+          });
+        } else {
+          issueServices.createIssueProperties(workspaceSlug, projectId, {
+            properties: { ...initialValues },
+            user: user.id,
+          });
+        }
+      }
+    },
+    [workspaceSlug, projectId, issueProperties, user, mutateIssueProperties]
+  );
+
+  const newProperties: Properties = {
+    key: properties.key,
+    state: properties.state,
+    assignee: properties.assignee,
+    priority: properties.priority,
+    due_date: properties.due_date,
+    cycle: properties.cycle,
+    sub_issue_count: properties.sub_issue_count,
+  };
+
+  return [newProperties, updateIssueProperties] as const;
+};
+
+export default useIssuesProperties;