f5f3c4915f
* chore: integrated time traking enabled/disabled feature on project settings and updated the pro icon as a component * chore: Showing the toggle and disabled to make any operations on project features * chore: default exports in constants * chore: seperated isEnabled and isPro * chore: updated time traking key * chore: updated UI in project feature settings
31 lines
1.3 KiB
TypeScript
31 lines
1.3 KiB
TypeScript
// ui
|
|
import { Button } from "@plane/ui";
|
|
// components
|
|
import { ProIcon } from "@/components/common";
|
|
|
|
export const IssueEmbedUpgradeCard: React.FC<any> = (props) => (
|
|
<div
|
|
className={`${
|
|
props.selected ? "border-custom-primary-200 border-[2px]" : ""
|
|
} w-full h-[100px] cursor-pointer space-y-2 rounded-md border-[0.5px] border-custom-border-200 shadow-custom-shadow-2xs`}
|
|
>
|
|
<h5 className="h-[20%] text-xs text-custom-text-300 p-2">
|
|
{props.node?.attrs?.project_identifier}-{props?.node?.attrs?.sequence_id}
|
|
</h5>
|
|
<div className="relative h-[71%]">
|
|
<div className="h-full backdrop-filter backdrop-blur-[30px] bg-custom-background-80 bg-opacity-30 flex items-center w-full justify-between gap-5 mt-2.5 pl-4 pr-5 py-3 max-md:max-w-full max-md:flex-wrap relative">
|
|
<div className="flex gap-2 items-center">
|
|
<div className="rounded">
|
|
<ProIcon className="m-2 w-4 h-4" />
|
|
</div>
|
|
<div className="text-custom-text text-sm">
|
|
Embed and access issues in pages seamlessly, upgrade to plane pro now.
|
|
</div>
|
|
</div>
|
|
<a href="https://plane.so/pricing" target="_blank" rel="noopener noreferrer">
|
|
<Button>Upgrade</Button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|