Clean up settings modal

This commit is contained in:
Robert Long 2022-01-05 16:54:13 -08:00
parent 6621e20da3
commit 3fac266013
4 changed files with 9 additions and 11 deletions

View file

@ -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";

View file

@ -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,

View file

@ -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,