refactor: integrated global kanban view everywhere

This commit is contained in:
Aaryan Khandelwal 2023-02-04 20:08:13 +05:30
parent 58eda658c8
commit 85b7f39ed3
15 changed files with 374 additions and 658 deletions

View file

@ -191,7 +191,7 @@ const WorkspacePage: NextPage = () => {
<a className="flex items-center justify-between">
<div className="flex items-center gap-2 text-sm">
{project.icon ? (
<span className="grid flex-shrink-0 place-items-center rounded uppercase text-white">
<span className="grid flex-shrink-0 place-items-center rounded uppercase">
{String.fromCodePoint(parseInt(project.icon))}
</span>
) : (

View file

@ -12,10 +12,10 @@ import AppLayout from "layouts/app-layout";
import { IssueViewContextProvider } from "contexts/issue-view.context";
// components
import CyclesListView from "components/project/cycles/list-view";
import CyclesBoardView from "components/project/cycles/board-view";
import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
import { ExistingIssuesListModal, IssuesFilterView } from "components/core";
import CycleDetailSidebar from "components/project/cycles/cycle-detail-sidebar";
import { AllBoards } from "components/core/board-view/all-boards";
// services
import issuesServices from "services/issues.service";
import cycleServices from "services/cycles.service";
@ -242,12 +242,11 @@ const SingleCycle: React.FC<UserAuth> = (props) => {
setPreloadedData={setPreloadedData}
userAuth={props}
/>
<CyclesBoardView
<AllBoards
type="cycle"
issues={cycleIssuesArray ?? []}
openCreateIssueModal={openCreateIssueModal}
openIssuesListModal={openIssuesListModal}
handleDeleteIssue={setDeleteIssue}
setPreloadedData={setPreloadedData}
openIssuesListModal={openIssuesListModal}
userAuth={props}
/>
</div>

View file

@ -1,6 +1,6 @@
import { useEffect, useState } from "react";
import { useRouter } from "next/router";
import useSWR, { mutate } from "swr";
import useSWR from "swr";
import { RectangleStackIcon } from "@heroicons/react/24/outline";
import { PlusIcon } from "@heroicons/react/20/solid";
// lib
@ -13,13 +13,9 @@ import AppLayout from "layouts/app-layout";
// contexts
import { IssueViewContextProvider } from "contexts/issue-view.context";
// components
import {
CreateUpdateIssueModal,
DeleteIssueModal,
IssuesBoardView,
IssuesListView,
} from "components/issues";
import { IssuesFilterView } from "components/core";
import { CreateUpdateIssueModal, DeleteIssueModal, IssuesListView } from "components/issues";
import { AllBoards } from "components/core/board-view/all-boards";
// ui
import { Spinner, EmptySpace, EmptySpaceItem, HeaderButton } from "components/ui";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
@ -119,7 +115,7 @@ const ProjectIssues: NextPage<UserAuth> = (props) => {
handleEditIssue={handleEditIssue}
userAuth={props}
/>
<IssuesBoardView
<AllBoards
issues={projectIssues?.results.filter((p) => p.parent === null) ?? []}
handleDeleteIssue={setDeleteIssue}
userAuth={props}

View file

@ -16,12 +16,8 @@ import { IssueViewContextProvider } from "contexts/issue-view.context";
// components
import { ExistingIssuesListModal, IssuesFilterView } from "components/core";
import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
import {
DeleteModuleModal,
ModuleDetailsSidebar,
ModulesListView,
ModulesBoardView,
} from "components/modules";
import { AllBoards } from "components/core/board-view/all-boards";
import { DeleteModuleModal, ModuleDetailsSidebar, ModulesListView } from "components/modules";
// ui
import { CustomMenu, EmptySpace, EmptySpaceItem, Spinner } from "components/ui";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
@ -266,12 +262,11 @@ const SingleModule: React.FC<UserAuth> = (props) => {
setPreloadedData={setPreloadedData}
userAuth={props}
/>
<ModulesBoardView
<AllBoards
type="module"
issues={moduleIssuesArray ?? []}
openCreateIssueModal={openCreateIssueModal}
openIssuesListModal={openIssuesListModal}
handleDeleteIssue={setDeleteIssue}
setPreloadedData={setPreloadedData}
openIssuesListModal={openIssuesListModal}
userAuth={props}
/>
</div>