import { observer } from "mobx-react";
import { useParams } from "next/navigation";
// buzzwareTech imports
import { EUserPermissions, EUserPermissionsLevel } from "@buzzwaretech/constants";
// hooks
import { useUserPermissions } from "@/hooks/store/user";
// local imports
import { ProjectIssueQuickActions } from "../../quick-action-dropdowns";
import { BaseKanBanRoot } from "../base-kanban-root";

export const ProfileIssuesKanBanLayout = observer(
  function ProfileIssuesKanBanLayout() {
    // router
    const { workspaceSlug, profileViewId } = useParams();
    const { allowPermissions } = useUserPermissions();

    const canEditPropertiesBasedOnProject = (projectId: string) =>
      allowPermissions(
        [EUserPermissions.ADMIN, EUserPermissions.MEMBER],
        EUserPermissionsLevel.PROJECT,
        workspaceSlug.toString(),
        projectId,
      );

    return (
      <BaseKanBanRoot
        QuickActions={ProjectIssueQuickActions}
        canEditPropertiesBasedOnProject={canEditPropertiesBasedOnProject}
        viewId={profileViewId?.toString()}
      />
    );
  },
);