diff --git a/app/components-react/windows/Settings.tsx b/app/components-react/windows/Settings.tsx index 80ef0b2e7017..390a5e752b13 100644 --- a/app/components-react/windows/Settings.tsx +++ b/app/components-react/windows/Settings.tsx @@ -46,7 +46,10 @@ export const SETTINGS_CONFIG: Record = { }, [ESettingsCategory.Advanced]: { icon: 'fas fa-cogs', component: pages.AdvancedSettings }, [ESettingsCategory.Developer]: { icon: 'far fa-file-code', component: pages.DeveloperSettings }, - [ESettingsCategory.SceneCollections]: { icon: 'icon-themes', component: pages.OverlaySettings }, + [ESettingsCategory.SceneCollections]: { + icon: 'icon-themes', + component: pages.SceneCollectionsSettings, + }, [ESettingsCategory.Notifications]: { icon: 'icon-notifications', component: pages.NotificationSettings, @@ -62,8 +65,6 @@ export const SETTINGS_CONFIG: Record = { [ESettingsCategory.GetSupport]: { icon: 'icon-question', component: pages.Support }, [ESettingsCategory.AI]: { icon: 'icon-ai', component: pages.AISettings }, [ESettingsCategory.Ultra]: { icon: 'icon-ultra', component: pages.Ultra }, - // This isn't shown but is required for TS - [ESettingsCategory.StreamSecond]: { icon: '', component: () => <> }, }; export default function Settings() { diff --git a/app/components-react/windows/settings/Developer.tsx b/app/components-react/windows/settings/Developer.tsx index 000de9d011b6..005d6d003e47 100644 --- a/app/components-react/windows/settings/Developer.tsx +++ b/app/components-react/windows/settings/Developer.tsx @@ -182,42 +182,46 @@ export function DualOutputDeveloperSettings(p: { collection?: string }) {

{$t('Convert to Vanilla Scene')}

- - {!p.collection && ( +
- )} + {!p.collection && ( + + )} +
{!p.collection && (

{$t('Assign Vertical Sources to Horizontal Display')}

- - +
+ + +
)}
{message}
@@ -322,14 +326,16 @@ function AppPlatformDeveloperSettings() {

{loadedUnpackedApp.appPath}

{$t('Token')}

{loadedUnpackedApp.appToken}

- - +
+ + +
)} {!loadedUnpackedApp && ( diff --git a/app/components-react/windows/settings/SceneCollections.tsx b/app/components-react/windows/settings/SceneCollections.tsx index 0cc2e8ef7a74..920d67643330 100644 --- a/app/components-react/windows/settings/SceneCollections.tsx +++ b/app/components-react/windows/settings/SceneCollections.tsx @@ -10,7 +10,7 @@ import { DualOutputDeveloperSettings } from './Developer'; import { ObsSettingsSection } from './ObsSettings'; import { CheckboxInput, SwitchInput, ListInput } from 'components-react/shared/inputs'; -export function OverlaySettings() { +export function SceneCollectionsSettings() { const { SceneCollectionsService, OverlaysPersistenceService, @@ -116,9 +116,10 @@ export function OverlaySettings() { return ( <> - - -
+
+ + +

@@ -126,14 +127,15 @@ export function OverlaySettings() { 'This feature is intended for overlay designers to export their work for our Overlay Library. Not all sources will be exported, use at your own risk.', )}

- - +
+ + +
-
{message}
diff --git a/app/services/settings/settings.ts b/app/services/settings/settings.ts index 7b58c53dcab1..646dff124950 100644 --- a/app/services/settings/settings.ts +++ b/app/services/settings/settings.ts @@ -48,7 +48,6 @@ export enum ESettingsCategory { GetSupport = 'Get Support', InstalledApps = 'Installed Apps', Stream = 'Stream', - StreamSecond = 'StreamSecond', General = 'General', Mobile = 'Mobile', Hotkeys = 'Hotkeys', @@ -325,7 +324,7 @@ export class SettingsService extends StatefulService { } } - private fetchSettingsFromObs(categoryName: TCategoryName): ISettingsCategory { + private fetchSettingsFromObs(categoryName: TCategoryName | 'StreamSecond'): ISettingsCategory { const settingsMetadata = obs.NodeObs.OBS_settings_getSettings(categoryName); let settings = settingsMetadata.data; if (!settings) settings = []; @@ -444,7 +443,6 @@ export class SettingsService extends StatefulService { settingsFormData[categoryName] = this.fetchSettingsFromObs(categoryName); }); // These settings are not displayed in the menu but are still needed for dual output - settingsFormData.Stream = this.fetchSettingsFromObs('Stream'); settingsFormData.StreamSecond = this.fetchSettingsFromObs('StreamSecond'); this.SET_SETTINGS(settingsFormData);