Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hide "an open source project by Pico" and fix clicking for pricing dialog

Browse Source
This commit is contained in:
Abi Raja 2023-12-15 20:30:30 -05:00
parent dc3de0b470
commit d5364fb5aa
2 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/PicoBadge.tsx
View File

@ -4,10 +4,7 @@ import PricingDialog from "./payments/PricingDialog";
export function PicoBadge({ settings }: { settings: Settings }) { export function PicoBadge({ settings }: { settings: Settings }) {
return ( return (
<> <>
<div <div>
className="fixed z-50 bottom-28 right-5 rounded-md shadow-lg bg-black
text-white px-4 text-xs py-3 cursor-pointer"
>
<PricingDialog /> <PricingDialog />
</div> </div>
<a <a
@ -18,10 +15,10 @@ export function PicoBadge({ settings }: { settings: Settings }) {
className="fixed z-50 bottom-16 right-5 rounded-md shadow bg-black className="fixed z-50 bottom-16 right-5 rounded-md shadow bg-black
text-white px-4 text-xs py-3 cursor-pointer" text-white px-4 text-xs py-3 cursor-pointer"
> >
feature requests? feature requests
</div> </div>
</a> </a>
{!settings.accessCode && ( {/* {!settings.accessCode && (
<a href="https://picoapps.xyz?ref=screenshot-to-code" target="_blank"> <a href="https://picoapps.xyz?ref=screenshot-to-code" target="_blank">
<div <div
className="fixed z-50 bottom-5 right-5 rounded-md shadow text-black className="fixed z-50 bottom-5 right-5 rounded-md shadow text-black
@ -30,7 +27,7 @@ export function PicoBadge({ settings }: { settings: Settings }) {
an open source project by Pico an open source project by Pico
</div> </div>
</a> </a>
)} )} */}
{settings.accessCode && ( {settings.accessCode && (
<a href="mailto:support@picoapps.xyz" target="_blank"> <a href="mailto:support@picoapps.xyz" target="_blank">
<div <div

7
frontend/src/components/payments/PricingDialog.tsx
View File

@ -14,7 +14,12 @@ const LOGOS = ["microsoft", "amazon", "mit", "stanford", "bytedance", "baidu"];
const PricingDialog: React.FC = () => { const PricingDialog: React.FC = () => {
return ( return (
<Dialog> <Dialog>
<DialogTrigger>buy 100 code generations for $15</DialogTrigger> <DialogTrigger
className="fixed z-50 bottom-28 right-5 rounded-md shadow-lg bg-black
text-white px-4 text-xs py-3 cursor-pointer"
>
buy 100 code generations for $15
</DialogTrigger>
<DialogContent className="max-w-2xl"> <DialogContent className="max-w-2xl">
<DialogHeader> <DialogHeader>
<DialogTitle className="mb-2 text-2xl text-center"> <DialogTitle className="mb-2 text-2xl text-center">