refactor: issues folder structure

apps/app/components/project/issues/issue-detail/issue-detail-sidebar/select-parent.tsx

@@ -1,97 +0,0 @@
-import React, { useState } from "react";
-
-import { useRouter } from "next/router";
-
-import useSWR from "swr";
-
-import { Control, Controller, UseFormWatch } from "react-hook-form";
-// fetch keys
-import { UserIcon } from "@heroicons/react/24/outline";
-// services
-import issuesServices from "services/issues.service";
-// components
-import IssuesListModal from "components/project/issues/issues-list-modal";
-// icons
-// types
-import { IIssue, UserAuth } from "types";
-// fetch-keys
-import { PROJECT_ISSUES_LIST } from "constants/fetch-keys";
-
-type Props = {
-  control: Control<IIssue, any>;
-  submitChanges: (formData: Partial<IIssue>) => void;
-  issuesList: IIssue[];
-  customDisplay: JSX.Element;
-  watch: UseFormWatch<IIssue>;
-  userAuth: UserAuth;
-};
-
-const SelectParent: React.FC<Props> = ({
-  control,
-  submitChanges,
-  issuesList,
-  customDisplay,
-  watch,
-  userAuth,
-}) => {
-  const [isParentModalOpen, setIsParentModalOpen] = useState(false);
-
-  const router = useRouter();
-  const { workspaceSlug, projectId } = router.query;
-
-  const { data: issues } = useSWR(
-    workspaceSlug && projectId
-      ? PROJECT_ISSUES_LIST(workspaceSlug as string, projectId as string)
-      : null,
-    workspaceSlug && projectId
-      ? () => issuesServices.getIssues(workspaceSlug as string, projectId as string)
-      : null
-  );
-
-  const isNotAllowed = userAuth.isGuest || userAuth.isViewer;
-
-  return (
-    <div className="flex flex-wrap items-center py-2">
-      <div className="flex items-center gap-x-2 text-sm sm:basis-1/2">
-        <UserIcon className="h-4 w-4 flex-shrink-0" />
-        <p>Parent</p>
-      </div>
-      <div className="sm:basis-1/2">
-        <Controller
-          control={control}
-          name="parent"
-          render={({ field: { value, onChange } }) => (
-            <IssuesListModal
-              isOpen={isParentModalOpen}
-              handleClose={() => setIsParentModalOpen(false)}
-              onChange={(val) => {
-                submitChanges({ parent: val });
-                onChange(val);
-              }}
-              issues={issuesList}
-              title="Select Parent"
-              value={value}
-              customDisplay={customDisplay}
-            />
-          )}
-        />
-        <button
-          type="button"
-          className={`flex w-full ${
-            isNotAllowed ? "cursor-not-allowed" : "cursor-pointer hover:bg-gray-100"
-          } items-center justify-between gap-1 rounded-md border px-2 py-1 text-xs shadow-sm duration-300 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500`}
-          onClick={() => setIsParentModalOpen(true)}
-          disabled={isNotAllowed}
-        >
-          {watch("parent") && watch("parent") !== ""
-            ? `${
-                issues?.results.find((i) => i.id === watch("parent"))?.project_detail?.identifier
-              }-${issues?.results.find((i) => i.id === watch("parent"))?.sequence_id}`
-            : "Select issue"}
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default SelectParent;