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

enable output settings on hosted version

Browse Source
This commit is contained in:
Abi Raja 2023-11-28 20:37:05 -05:00
parent 5a91292dcd
commit a3b8a78a8d
1 changed files with 1 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/OutputSettingsSection.tsx
View File

@ -14,8 +14,6 @@ import {
} from "./ui/accordion"; } from "./ui/accordion";
import { capitalize } from "../lib/utils"; import { capitalize } from "../lib/utils";
import toast from "react-hot-toast"; import toast from "react-hot-toast";
import { IS_RUNNING_ON_CLOUD } from "../config";
import { Badge } from "./ui/badge";
function displayCSSOption(option: CSSOption) { function displayCSSOption(option: CSSOption) {
switch (option) { switch (option) {
@ -46,11 +44,6 @@ interface Props {
function OutputSettingsSection({ outputSettings, setOutputSettings }: Props) { function OutputSettingsSection({ outputSettings, setOutputSettings }: Props) {
const onCSSValueChange = (value: string) => { const onCSSValueChange = (value: string) => {
if (IS_RUNNING_ON_CLOUD) {
toast.error("Upgrade to the Business plan to change CSS framework.");
return;
}
setOutputSettings((prev) => { setOutputSettings((prev) => {
if (prev.js === JSFrameworkOption.REACT) { if (prev.js === JSFrameworkOption.REACT) {
if (value !== CSSOption.TAILWIND) { if (value !== CSSOption.TAILWIND) {
@ -72,11 +65,6 @@ function OutputSettingsSection({ outputSettings, setOutputSettings }: Props) {
}; };
const onJsFrameworkChange = (value: string) => { const onJsFrameworkChange = (value: string) => {
if (IS_RUNNING_ON_CLOUD) {
toast.error("Upgrade to the Business plan to change JS framework.");
return;
}
if (value === JSFrameworkOption.REACT) { if (value === JSFrameworkOption.REACT) {
setOutputSettings(() => ({ setOutputSettings(() => ({
css: CSSOption.TAILWIND, css: CSSOption.TAILWIND,
@ -94,10 +82,7 @@ function OutputSettingsSection({ outputSettings, setOutputSettings }: Props) {
<Accordion type="single" collapsible className="w-full"> <Accordion type="single" collapsible className="w-full">
<AccordionItem value="item-1"> <AccordionItem value="item-1">
<AccordionTrigger> <AccordionTrigger>
<div className="flex gap-x-2"> <div className="flex gap-x-2">Output Settings </div>
Output Settings{" "}
{IS_RUNNING_ON_CLOUD && <Badge variant="outline">Pro</Badge>}
</div>
</AccordionTrigger> </AccordionTrigger>
<AccordionContent className="gap-y-2 flex flex-col pt-2"> <AccordionContent className="gap-y-2 flex flex-col pt-2">
<div className="flex justify-between items-center pr-2"> <div className="flex justify-between items-center pr-2">