Initial commit: Plane

Synced from upstream: 8853637e981ed7d8a6cff32bd98e7afe20f54362

apps/web/ce/components/issues/bulk-operations/index.ts

@@ -0,0 +1 @@
+export * from "./root";

apps/web/ce/components/issues/bulk-operations/root.tsx

@@ -0,0 +1,21 @@
+import { observer } from "mobx-react";
+// components
+import { BulkOperationsUpgradeBanner } from "@/components/issues/bulk-operations/upgrade-banner";
+// hooks
+import { useMultipleSelectStore } from "@/hooks/store/use-multiple-select-store";
+import type { TSelectionHelper } from "@/hooks/use-multiple-select";
+
+type Props = {
+  className?: string;
+  selectionHelpers: TSelectionHelper;
+};
+
+export const IssueBulkOperationsRoot: React.FC<Props> = observer((props) => {
+  const { className, selectionHelpers } = props;
+  // store hooks
+  const { isSelectionActive } = useMultipleSelectStore();
+
+  if (!isSelectionActive || selectionHelpers.isSelectionDisabled) return null;
+
+  return <BulkOperationsUpgradeBanner className={className} />;
+});