review

locales/en/app.json

@@ -151,8 +151,8 @@
       "effect_volume_label": "Sound effect volume"
     },
     "background_blur_header": "Background",
-    "background_blur_label": "Enable background blurring",
-    "blur_not_supported_by_browser": "(Background blur is not supported by this browser.)",
+    "background_blur_label": "Blur the background of the video",
+    "blur_not_supported_by_browser": "(Background blur is not supported by this browser)",
     "developer_settings_label": "Developer Settings",
     "developer_settings_label_description": "Expose developer settings in the settings window.",
     "developer_tab_title": "Developer",

src/room/LobbyView.tsx

@@ -111,7 +111,6 @@ export const LobbyView: FC<Props> = ({
       muteStates.audio.enabled && { deviceId: devices.audioInput.selectedId },
   );
 
-  // eslint-disable-next-line new-cap
   const blur = useMemo(() => {
     let b = undefined;
     try {

src/settings/SettingsModal.tsx

@@ -9,7 +9,7 @@ import { ChangeEvent, FC, ReactNode, useCallback, useState } from "react";
 import { Trans, useTranslation } from "react-i18next";
 import { MatrixClient } from "matrix-js-sdk/src/matrix";
 import { Root as Form, Separator, Text } from "@vector-im/compound-web";
-import { BackgroundBlur } from "@livekit/track-processors";
+import { BackgroundBlur as backgroundBlur } from "@livekit/track-processors";
 import { logger } from "matrix-js-sdk/src/logger";
 
 import { Modal } from "../Modal";
@@ -78,8 +78,7 @@ export const SettingsModal: FC<Props> = ({
     const [blur, setBlur] = useSetting(backgroundBlurSetting);
     let canBlur = true;
     try {
-      // eslint-disable-next-line new-cap
-      BackgroundBlur(15);
+      backgroundBlur(15);
     } catch (e) {
       logger.debug(
         "Cannot blur, so we do not show the option in settings. error: ",