From a3b8a78a8dd11716c966031501b0884cd9004288 Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Tue, 28 Nov 2023 20:37:05 -0500
Subject: [PATCH] enable output settings on hosted version

---
 .../src/components/OutputSettingsSection.tsx    | 17 +----------------
 1 file changed, 1 insertion(+), 16 deletions(-)

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