2024-06-10 09:43:10 +00:00
|
|
|
"use client";
|
|
|
|
|
|
2024-06-04 05:42:24 +00:00
|
|
|
// ui
|
|
|
|
|
import { getButtonStyling } from "@plane/ui";
|
|
|
|
|
// constants
|
|
|
|
|
import { MARKETING_PLANE_ONE_PAGE_LINK } from "@/constants/common";
|
|
|
|
|
// helpers
|
|
|
|
|
import { cn } from "@/helpers/common.helper";
|
|
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
|
className?: string;
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export const BulkOperationsUpgradeBanner: React.FC<Props> = (props) => {
|
|
|
|
|
const { className } = props;
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className={cn("sticky bottom-0 left-0 h-20 z-[2] px-3.5 grid place-items-center", className)}>
|
|
|
|
|
<div className="h-14 w-full bg-custom-primary-100/10 border-[0.5px] border-custom-primary-100/50 py-4 px-3.5 flex items-center justify-between gap-2 rounded-md">
|
|
|
|
|
<p className="text-custom-primary-100 font-medium">
|
|
|
|
|
Change state, priority, and more for several issues at once. Save three minutes on an average per operation.
|
|
|
|
|
</p>
|
|
|
|
|
<a
|
|
|
|
|
href={MARKETING_PLANE_ONE_PAGE_LINK}
|
|
|
|
|
target="_blank"
|
|
|
|
|
rel="noopener noreferrer"
|
|
|
|
|
className={cn(getButtonStyling("primary", "sm"), "flex-shrink-0")}
|
|
|
|
|
>
|
|
|
|
|
Upgrade to One
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
};
|
