fix: web-view action permission, logs, archive issue, and more (#2356)

* fix: web-view * feat: select module * dev: select cycle & module * fix: permissions, logs and archive issue * fix: logs for issue select fix: hard-coded web-view validation * fix: attachment confirm delete workflow * fix: typo * fix: logging link instead of redirecting to the link * fix: made editor height 100% * style: due-date select * fix: update comment not working * fix: changed button text style: spacing * fix: due date select not working for today's date * fix: typography * fix: spacing in select parent
2025-12-22 22:59:33 +01:00 · 2023-10-12 12:28:36 +05:30
parent 58ea4d6ec9
commit 892a30c3a8
33 changed files with 2322 additions and 515 deletions
--- a/web/components/web-view/select-module.tsx
+++ b/web/components/web-view/select-module.tsx
@@ -0,0 +1,147 @@
+// react
+import React, { useState } from "react";
+
+// next
+import { useRouter } from "next/router";
+
+// swr
+import useSWR, { mutate } from "swr";
+
+// services
+import modulesService from "services/modules.service";
+
+// hooks
+import useUser from "hooks/use-user";
+
+// fetch keys
+import {
+  ISSUE_DETAILS,
+  MODULE_LIST,
+  MODULE_ISSUES,
+  PROJECT_ISSUES_ACTIVITY,
+} from "constants/fetch-keys";
+
+// icons
+import { ChevronDown } from "lucide-react";
+
+// components
+import { WebViewModal } from "components/web-view";
+
+// types
+import { IModule, IIssueModule } from "types";
+
+type Props = {
+  disabled?: boolean;
+  value?: IIssueModule | null;
+};
+
+export const ModuleSelect: React.FC<Props> = (props) => {
+  const { disabled = false, value } = props;
+
+  const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
+
+  const router = useRouter();
+  const { workspaceSlug, projectId, issueId } = router.query;
+
+  const { data: modules } = useSWR(
+    workspaceSlug && projectId ? MODULE_LIST(projectId as string) : null,
+    workspaceSlug && projectId
+      ? () => modulesService.getModules(workspaceSlug as string, projectId as string)
+      : null
+  );
+
+  const { user } = useUser();
+
+  const handleModuleChange = (moduleDetail: IModule) => {
+    if (!workspaceSlug || !projectId || !issueId || disabled) return;
+
+    modulesService
+      .addIssuesToModule(
+        workspaceSlug as string,
+        projectId as string,
+        moduleDetail.id,
+        {
+          issues: [issueId.toString()],
+        },
+        user
+      )
+      .then(() => {
+        mutate(ISSUE_DETAILS(issueId.toString()));
+        mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
+      });
+  };
+
+  const removeIssueFromModule = (bridgeId?: string, moduleId?: string) => {
+    if (!workspaceSlug || !projectId || !moduleId || !bridgeId || disabled) return;
+
+    mutate(
+      ISSUE_DETAILS(issueId as string),
+      (prev) => {
+        if (!prev) return prev;
+        return {
+          ...prev,
+          issue_module: null,
+        };
+      },
+      false
+    );
+
+    modulesService
+      .removeIssueFromModule(workspaceSlug as string, projectId as string, moduleId, bridgeId)
+      .then(() => {
+        mutate(MODULE_ISSUES(moduleId));
+        mutate(ISSUE_DETAILS(issueId as string));
+        mutate(PROJECT_ISSUES_ACTIVITY(issueId as string));
+      })
+      .catch((e) => {
+        console.log(e);
+      });
+  };
+
+  return (
+    <>
+      <WebViewModal
+        isOpen={isBottomSheetOpen}
+        onClose={() => setIsBottomSheetOpen(false)}
+        modalTitle="Select Module"
+      >
+        <WebViewModal.Options
+          options={[
+            ...(modules ?? []).map((mod) => ({
+              checked: mod.id === value?.module,
+              label: mod.name,
+              value: mod.id,
+              onClick: () => {
+                handleModuleChange(mod);
+                setIsBottomSheetOpen(false);
+              },
+            })),
+            {
+              checked: !value,
+              label: "None",
+              onClick: () => {
+                setIsBottomSheetOpen(false);
+                removeIssueFromModule(value?.id, value?.module);
+              },
+              value: "none",
+            },
+          ]}
+        />
+      </WebViewModal>
+
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setIsBottomSheetOpen(true)}
+        className={
+          "relative w-full px-2.5 py-0.5 text-base flex justify-between items-center gap-0.5 text-custom-text-100"
+        }
+      >
+        <span className="text-custom-text-200">
+          {value?.module_detail?.name ?? "Select module"}
+        </span>
+        <ChevronDown className="w-4 h-4 text-custom-text-200" />
+      </button>
+    </>
+  );
+};