UniqAI/bolt.new
1
0
Fork 0
mirror of https://github.com/stackblitz/bolt.new synced 2025-02-06 04:48:04 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed toggle not displaying in feature tab

Browse Source
This commit is contained in:
Dustin Loring 2024-12-09 10:31:09 -05:00
parent 178653dbed
commit 49ce4235ec
1 changed files with 22 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
app/components/settings/SettingsWindow.tsx
View File

@ -30,6 +30,8 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
const [searchTerm, setSearchTerm] = useState(''); const [searchTerm, setSearchTerm] = useState('');
const [isDeleting, setIsDeleting] = useState(false); const [isDeleting, setIsDeleting] = useState(false);
const [isJustSayEnabled, setIsJustSayEnabled] = useState(false); const [isJustSayEnabled, setIsJustSayEnabled] = useState(false);
const [isExperimentalFeature1Enabled, setIsExperimentalFeature1Enabled] = useState(false);
const [isExperimentalFeature2Enabled, setIsExperimentalFeature2Enabled] = useState(false);
// Load base URLs from cookies // Load base URLs from cookies
const [baseUrls, setBaseUrls] = useState(() => { const [baseUrls, setBaseUrls] = useState(() => {
@ -339,57 +341,31 @@ export const SettingsWindow = ({ open, onClose }: SettingsProps) => {
)} )}
{activeTab === 'features' && ( {activeTab === 'features' && (
<div className="p-4 bg-bolt-elements-bg-depth-2 border border-bolt-elements-borderColor rounded-lg mb-4"> <div className="p-4 bg-bolt-elements-bg-depth-2 border border-bolt-elements-borderColor rounded-lg mb-4">
<h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Feature Settings</h3> <div className="mb-6">
<div className="flex items-center justify-between mb-2"> <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Optional Features</h3>
<span className="text-bolt-elements-textPrimary">Debug Info</span> <div className="flex items-center justify-between mb-2">
<label className="relative inline-flex items-center cursor-pointer"> <span className="text-bolt-elements-textPrimary">Debug Info</span>
<input <Switch
type="checkbox" className="ml-auto"
className="sr-only"
checked={isDebugEnabled} checked={isDebugEnabled}
onChange={() => setIsDebugEnabled(!isDebugEnabled)} onCheckedChange={() => setIsDebugEnabled(!isDebugEnabled)}
/> />
<div </div>
className={classNames(
'settings-toggle__track',
isDebugEnabled ? 'settings-toggle__track--enabled' : 'settings-toggle__track--disabled',
)}
></div>
<div
className={classNames(
'settings-toggle__thumb',
isDebugEnabled ? 'settings-toggle__thumb--enabled' : '',
)}
></div>
</label>
</div> </div>
</div>
)} <div className="mb-6 border-t border-bolt-elements-borderColor pt-4">
{activeTab === 'features' && ( <h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Experimental Features</h3>
<div className="p-4 bg-bolt-elements-bg-depth-2 border border-bolt-elements-borderColor rounded-lg"> <p className="text-sm text-bolt-elements-textSecondary mb-4">
<h3 className="text-lg font-medium text-bolt-elements-textPrimary mb-4">Experimental Area</h3> Disclaimer: Experimental features may be unstable and are subject to change.
<div className="flex items-center justify-between mb-2"> </p>
<span className="text-bolt-elements-textPrimary">Replace with local models</span> <div className="flex items-center justify-between mb-2">
<label className="relative inline-flex items-center cursor-pointer"> <span className="text-bolt-elements-textPrimary">Replace with local models</span>
<input <Switch
type="checkbox" className="ml-auto"
className="sr-only"
checked={isJustSayEnabled} checked={isJustSayEnabled}
onChange={() => setIsJustSayEnabled(!isJustSayEnabled)} onCheckedChange={() => setIsJustSayEnabled(!isJustSayEnabled)}
/> />
<div </div>
className={classNames(
'settings-toggle__track',
isJustSayEnabled ? 'settings-toggle__track--enabled' : 'settings-toggle__track--disabled',
)}
></div>
<div
className={classNames(
'settings-toggle__thumb',
isJustSayEnabled ? 'settings-toggle__thumb--enabled' : '',
)}
></div>
</label>
</div> </div>
</div> </div>
)} )}