feat: my issues view layouts and filters, refactor: issue views (#1681)

* refactor: issue views and my issues

* chore: update view dropdown options

* refactor: render emoji function

* refactor: api calss

* fix: build errors

* fix: fetch states only when dropdown is opened

* chore: my issues dnd

* fix: build errors

* refactor: folder structure

apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/[cycleId].tsx

@@ -12,7 +12,7 @@ import { ProjectAuthorizationWrapper } from "layouts/auth-layout";
 import { IssueViewContextProvider } from "contexts/issue-view.context";
 // components
 import { ExistingIssuesListModal, IssuesFilterView, IssuesView } from "components/core";
-import { CycleDetailsSidebar } from "components/cycles";
+import { CycleDetailsSidebar, TransferIssues, TransferIssuesModal } from "components/cycles";
 // services
 import issuesService from "services/issues.service";
 import cycleServices from "services/cycles.service";
@@ -36,6 +36,7 @@ const SingleCycle: React.FC = () => {
   const [cycleIssuesListModal, setCycleIssuesListModal] = useState(false);
   const [cycleSidebar, setCycleSidebar] = useState(true);
   const [analyticsModal, setAnalyticsModal] = useState(false);
+  const [transferIssuesModal, setTransferIssuesModal] = useState(false);
 
   const router = useRouter();
   const { workspaceSlug, projectId, cycleId } = router.query;
@@ -157,16 +158,22 @@ const SingleCycle: React.FC = () => {
           </div>
         }
       >
+        <TransferIssuesModal
+          handleClose={() => setTransferIssuesModal(false)}
+          isOpen={transferIssuesModal}
+        />
         <AnalyticsProjectModal isOpen={analyticsModal} onClose={() => setAnalyticsModal(false)} />
         <div
           className={`h-full flex flex-col ${cycleSidebar ? "mr-[24rem]" : ""} ${
             analyticsModal ? "mr-[50%]" : ""
           } duration-300`}
         >
+          {cycleStatus === "completed" && (
+            <TransferIssues handleClick={() => setTransferIssuesModal(true)} />
+          )}
           <IssuesView
-            type="cycle"
             openIssuesListModal={openIssuesListModal}
-            isCompleted={cycleStatus === "completed" ?? false}
+            disableUserActions={cycleStatus === "completed" ?? false}
           />
         </div>
         <CycleDetailsSidebar

apps/app/pages/[workspaceSlug]/projects/[projectId]/modules/[moduleId].tsx

@@ -168,7 +168,7 @@ const SingleModule: React.FC = () => {
             analyticsModal ? "mr-[50%]" : ""
           } duration-300`}
         >
-          <IssuesView type="module" openIssuesListModal={openIssuesListModal} />
+          <IssuesView openIssuesListModal={openIssuesListModal} />
         </div>
 
         <ModuleDetailsSidebar

apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/index.tsx

@@ -195,22 +195,7 @@ const GeneralSettings: NextPage = () => {
                     name="emoji_and_icon"
                     render={({ field: { value, onChange } }) => (
                       <EmojiIconPicker
-                        label={
-                          value ? (
-                            typeof value === "object" ? (
-                              <span
-                                style={{ color: value.color }}
-                                className="material-symbols-rounded text-lg"
-                              >
-                                {value.name}
-                              </span>
-                            ) : (
-                              renderEmoji(value)
-                            )
-                          ) : (
-                            "Icon"
-                          )
-                        }
+                        label={value ? renderEmoji(value) : "Icon"}
                         value={value}
                         onChange={onChange}
                       />