Clean up settings modal
This commit is contained in:
parent
6621e20da3
commit
3fac266013
4 changed files with 9 additions and 11 deletions
|
@ -7,7 +7,7 @@ import { ReactComponent as SettingsIcon } from "./icons/Settings.svg";
|
|||
import { ReactComponent as AddUserIcon } from "./icons/AddUser.svg";
|
||||
import { ReactComponent as OverflowIcon } from "./icons/Overflow.svg";
|
||||
import { useModalTriggerState } from "./Modal";
|
||||
import { SettingsModal } from "./SettingsModal";
|
||||
import { SettingsModal } from "./settings/SettingsModal";
|
||||
import { InviteModal } from "./InviteModal";
|
||||
import { Tooltip, TooltipTrigger } from "./Tooltip";
|
||||
|
||||
|
|
|
@ -1,14 +1,14 @@
|
|||
import React from "react";
|
||||
import { Modal } from "./Modal";
|
||||
import { Modal } from "../Modal";
|
||||
import styles from "./SettingsModal.module.css";
|
||||
import { TabContainer, TabItem } from "./Tabs";
|
||||
import { ReactComponent as AudioIcon } from "./icons/Audio.svg";
|
||||
import { ReactComponent as VideoIcon } from "./icons/Video.svg";
|
||||
import { ReactComponent as DeveloperIcon } from "./icons/Developer.svg";
|
||||
import { SelectInput } from "./SelectInput";
|
||||
import { TabContainer, TabItem } from "../Tabs";
|
||||
import { ReactComponent as AudioIcon } from "../icons/Audio.svg";
|
||||
import { ReactComponent as VideoIcon } from "../icons/Video.svg";
|
||||
import { ReactComponent as DeveloperIcon } from "../icons/Developer.svg";
|
||||
import { SelectInput } from "../SelectInput";
|
||||
import { Item } from "@react-stately/collections";
|
||||
import { useMediaHandler } from "./useMediaHandler";
|
||||
import { FieldRow, InputField } from "./Input";
|
||||
import { FieldRow, InputField } from "../Input";
|
||||
|
||||
export function SettingsModal({
|
||||
client,
|
|
@ -1,7 +1,5 @@
|
|||
import { useState, useEffect, useCallback } from "react";
|
||||
|
||||
let audioOutput;
|
||||
|
||||
export function useMediaHandler(client) {
|
||||
const [{ audioInput, videoInput, audioInputs, videoInputs }, setState] =
|
||||
useState(() => {
|
||||
|
@ -27,7 +25,7 @@ export function useMediaHandler(client) {
|
|||
(device) => device.kind === "videoinput"
|
||||
);
|
||||
|
||||
setState((prevState) => ({
|
||||
setState(() => ({
|
||||
audioInput: mediaHandler.audioInput,
|
||||
videoInput: mediaHandler.videoInput,
|
||||
audioInputs,
|
Loading…
Reference in a new issue