Merge branch 'livekit' into toger5/track-processor-blur

src/settings/PreferencesSettingsTab.tsx

@@ -14,7 +14,7 @@ import {
   showHandRaisedTimer as showHandRaisedTimerSetting,
   showReactions as showReactionsSetting,
   playReactionsSound as playReactionsSoundSetting,
-  developerSettingsTab as developerSettingsTabSetting,
+  developerMode as developerModeSetting,
   useSetting,
 } from "./settings";
 
@@ -37,9 +37,7 @@ export const PreferencesSettingsTab: FC = () => {
     fn(e.target.checked);
   };
 
-  const [developerSettingsTab, setDeveloperSettingsTab] = useSetting(
-    developerSettingsTabSetting,
-  );
+  const [developerMode, setDeveloperMode] = useSetting(developerModeSetting);
 
   return (
     <div>
@@ -82,13 +80,13 @@ export const PreferencesSettingsTab: FC = () => {
         <InputField
           id="developerSettingsTab"
           type="checkbox"
-          checked={developerSettingsTab}
+          checked={developerMode}
           label={t("settings.preferences_tab.developer_mode_label")}
           description={t(
             "settings.preferences_tab.developer_mode_label_description",
           )}
           onChange={(event: ChangeEvent<HTMLInputElement>): void =>
-            setDeveloperSettingsTab(event.target.checked)
+            setDeveloperMode(event.target.checked)
           }
         />
       </FieldRow>

src/settings/SettingsModal.tsx

@@ -22,9 +22,9 @@ import {
 import { widget } from "../widget";
 import {
   useSetting,
-  developerSettingsTab,
-  backgroundBlur as backgroundBlurSetting,
   soundEffectVolumeSetting,
+  backgroundBlur as backgroundBlurSetting,
+  developerMode,
 } from "./settings";
 import { isFirefox } from "../Platform";
 import { PreferencesSettingsTab } from "./PreferencesSettingsTab";
@@ -97,7 +97,7 @@ export const SettingsModal: FC<Props> = ({
   const [soundVolume, setSoundVolume] = useSetting(soundEffectVolumeSetting);
   const [soundVolumeRaw, setSoundVolumeRaw] = useState(soundVolume);
 
-  const [showDeveloperSettingsTab] = useSetting(developerSettingsTab);
+  const [showDeveloperSettingsTab] = useSetting(developerMode);
 
   const audioTab: Tab<SettingsTab> = {
     key: "audio",

src/settings/settings.ts

@@ -68,10 +68,7 @@ export const useOptInAnalytics = (): [
   return PosthogAnalytics.instance.isEnabled() ? setting : [false, null];
 };
 
-export const developerSettingsTab = new Setting(
-  "developer-settings-tab",
-  false,
-);
+export const developerMode = new Setting("developer-settings-tab", false);
 
 export const duplicateTiles = new Setting("duplicate-tiles", 0);