fix: create new issue when grouped by label (#1308)

apps/app/components/core/board-view/all-boards.tsx

@@ -2,11 +2,12 @@
 import useProjectIssuesView from "hooks/use-issues-view";
 // components
 import { SingleBoard } from "components/core/board-view/single-board";
+// icons
+import { getStateGroupIcon } from "components/icons";
 // helpers
 import { addSpaceIfCamelCase } from "helpers/string.helper";
 // types
 import { ICurrentUserResponse, IIssue, IState, UserAuth } from "types";
-import { getStateGroupIcon } from "components/icons";
 
 type Props = {
   type: "issue" | "cycle" | "module";

apps/app/components/core/board-view/board-header.tsx

@@ -166,7 +166,7 @@ export const BoardHeader: React.FC<Props> = ({
             <ArrowsPointingOutIcon className="h-4 w-4" />
           )}
         </button>
-        {!isCompleted && (
+        {!isCompleted && selectedGroup !== "created_by" && (
           <button
             type="button"
             className="grid h-7 w-7 place-items-center rounded p-1 text-brand-secondary outline-none duration-300 hover:bg-brand-surface-2"

apps/app/components/core/board-view/single-board.tsx

@@ -145,6 +145,7 @@ export const SingleBoard: React.FC<Props> = ({
                   {provided.placeholder}
                 </span>
               </div>
+              {selectedGroup !== "created_by" && (
                 <div>
                   {type === "issue" ? (
                     <button
@@ -182,6 +183,7 @@ export const SingleBoard: React.FC<Props> = ({
                     )
                   )}
                 </div>
+              )}
             </div>
           )}
         </StrictModeDroppable>

apps/app/components/core/existing-issues-list-modal.tsx

@@ -72,9 +72,9 @@ export const ExistingIssuesListModal: React.FC<Props> = ({
   const onSubmit: SubmitHandler<FormInput> = async (data) => {
     if (!data.issues || data.issues.length === 0) {
       setToastAlert({
-        title: "Error",
         type: "error",
-        message: "Please select atleast one issue",
+        title: "Error!",
+        message: "Please select at least one issue.",
       });
 
       return;

apps/app/components/core/issues-view.tsx

@@ -283,9 +283,17 @@ export const IssuesView: React.FC<Props> = ({
   const addIssueToState = useCallback(
     (groupTitle: string) => {
       setCreateIssueModal(true);
+
+      let preloadedValue: string | string[] = groupTitle;
+
+      if (selectedGroup === "labels") {
+        if (groupTitle === "None") preloadedValue = [];
+        else preloadedValue = [groupTitle];
+      }
+
       if (selectedGroup)
         setPreloadedData({
-          [selectedGroup]: groupTitle,
+          [selectedGroup]: preloadedValue,
           actionType: "createIssue",
         });
       else setPreloadedData({ actionType: "createIssue" });

apps/app/components/issues/select/label.tsx

@@ -6,6 +6,10 @@ import useSWR from "swr";
 
 // headless ui
 import { Combobox, Transition } from "@headlessui/react";
+// services
+import issuesServices from "services/issues.service";
+// ui
+import { IssueLabelsList } from "components/ui";
 // icons
 import {
   CheckIcon,
@@ -14,13 +18,10 @@ import {
   RectangleGroupIcon,
   TagIcon,
 } from "@heroicons/react/24/outline";
-// services
-import issuesServices from "services/issues.service";
 // types
 import type { IIssueLabels } from "types";
 // fetch-keys
 import { PROJECT_ISSUE_LABELS } from "constants/fetch-keys";
-import { IssueLabelsList } from "components/ui";
 
 type Props = {
   setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;