binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #359 from makeplane/style/projects_page

Browse source 
style: projects page
This commit is contained in:
Aaryan Khandelwal 2023-03-03 14:06:59 +05:30 • committed by GitHub
commit 433276c833
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
12 changed files with 339 additions and 204 deletions
Download patch file Download diff file Expand all files Collapse all files

24
apps/app/pages/[workspaceSlug]/projects/index.tsx
View file

@ -10,7 +10,7 @@ import useWorkspaces from "hooks/use-workspaces";
import AppLayout from "layouts/app-layout";
// components
import { JoinProjectModal } from "components/project/join-project-modal";
import { ProjectCard } from "components/project";
import { SingleProjectCard } from "components/project";
import ConfirmProjectDeletion from "components/project/confirm-project-deletion";
// ui
import { HeaderButton, EmptySpace, EmptySpaceItem, Loader } from "components/ui";
@ -57,6 +57,7 @@ const ProjectsPage: NextPage = () => {
onJoin={async () => {
const project = projects?.find((item) => item.id === selectedProjectToJoin);
if (!project) return;
await projectService
.joinProject(workspaceSlug as string, {
project_ids: [project.id],
@ -101,18 +102,15 @@ const ProjectsPage: NextPage = () => {
</EmptySpace>
</div>
) : (
<div className="h-full w-full space-y-5">
<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
{projects.map((item) => (
<ProjectCard
key={item.id}
project={item}
workspaceSlug={(activeWorkspace as any)?.slug}
setToJoinProject={setSelectedProjectToJoin}
setDeleteProject={setDeleteProject}
/>
))}
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-9">
{projects.map((project) => (
<SingleProjectCard
key={project.id}
project={project}
setToJoinProject={setSelectedProjectToJoin}
setDeleteProject={setDeleteProject}
/>
))}
</div>
)}
</>