Hide blur (#63)

assets/src/features/devices/MediaSettingsModal.tsx

@@ -5,6 +5,8 @@ import { useLocalPeer } from "./LocalPeerMediaContext";
 import { Modal } from "../shared/components/modal/Modal";
 import { Checkbox } from "../shared/components/Checkbox";
 
+const showBlurCheckbox = false;
+
 export const MediaSettingsModal: React.FC = () => {
   const { setOpen, isOpen } = useModal();
   const { video, audio, blur, setBlur } = useLocalPeer();
@@ -49,13 +51,13 @@ export const MediaSettingsModal: React.FC = () => {
     >
       <div className="flex flex-col gap-2">
         <DeviceSelector name="Select camera" devices={video.devices} setInput={setVideoInput} inputValue={videoInput} />
-        <Checkbox
+        {showBlurCheckbox && <Checkbox
           label="Blur background (experimental)"
           id="blur-background-checkbox"
           onChange={() => setBlurInput((prev) => !prev)}
           status={blurInput}
           textSize="base"
-        />
+        />}
       </div>
       <DeviceSelector
         name="Select microphone"

assets/src/features/room-page/components/Navbar.tsx

@@ -11,6 +11,8 @@ import MediaControlButton from "../../../pages/room/components/MediaControlButto
 import { useModal } from "../../../contexts/ModalContext";
 import useSmartphoneViewport from "../../shared/hooks/useSmartphoneViewport";
 
+const showSettingsButton = false;
+
 const Navbar: FC = () => {
   const match = useParams();
   const currentUrl = window.location.href;
@@ -52,7 +54,7 @@ const Navbar: FC = () => {
             </Button>
           </>
         )}
-        <MediaControlButton
+        {showSettingsButton && <MediaControlButton
           icon={Settings}
           hover="Settings"
           buttonClassName="!border !border-brand-dark-blue-200 "
@@ -62,7 +64,7 @@ const Navbar: FC = () => {
           variant="light"
           position="bottom"
           hoverClassName="-ml-10"
-        />
+        />}
       </div>
     </div>
   );