xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Clean up settings modal

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/OverflowMenu.jsx
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 AddUserIcon } from "./icons/AddUser.svg";
import { ReactComponent as OverflowIcon } from "./icons/Overflow.svg"; import { ReactComponent as OverflowIcon } from "./icons/Overflow.svg";
import { useModalTriggerState } from "./Modal"; import { useModalTriggerState } from "./Modal";
import { SettingsModal } from "./SettingsModal"; import { SettingsModal } from "./settings/SettingsModal";
import { InviteModal } from "./InviteModal"; import { InviteModal } from "./InviteModal";
import { Tooltip, TooltipTrigger } from "./Tooltip"; import { Tooltip, TooltipTrigger } from "./Tooltip";

14
src/SettingsModal.jsx → src/settings/SettingsModal.jsx
View file

@ -1,14 +1,14 @@
import React from "react"; import React from "react";
import { Modal } from "./Modal"; import { Modal } from "../Modal";
import styles from "./SettingsModal.module.css"; import styles from "./SettingsModal.module.css";
import { TabContainer, TabItem } from "./Tabs"; import { TabContainer, TabItem } from "../Tabs";
import { ReactComponent as AudioIcon } from "./icons/Audio.svg"; import { ReactComponent as AudioIcon } from "../icons/Audio.svg";
import { ReactComponent as VideoIcon } from "./icons/Video.svg"; import { ReactComponent as VideoIcon } from "../icons/Video.svg";
import { ReactComponent as DeveloperIcon } from "./icons/Developer.svg"; import { ReactComponent as DeveloperIcon } from "../icons/Developer.svg";
import { SelectInput } from "./SelectInput"; import { SelectInput } from "../SelectInput";
import { Item } from "@react-stately/collections"; import { Item } from "@react-stately/collections";
import { useMediaHandler } from "./useMediaHandler"; import { useMediaHandler } from "./useMediaHandler";
import { FieldRow, InputField } from "./Input"; import { FieldRow, InputField } from "../Input";
export function SettingsModal({ export function SettingsModal({
client, client,

0
src/SettingsModal.module.css → src/settings/SettingsModal.module.css
View file

4
src/useMediaHandler.js → src/settings/useMediaHandler.js
View file

@ -1,7 +1,5 @@
import { useState, useEffect, useCallback } from "react"; import { useState, useEffect, useCallback } from "react";
let audioOutput;
export function useMediaHandler(client) { export function useMediaHandler(client) {
const [{ audioInput, videoInput, audioInputs, videoInputs }, setState] = const [{ audioInput, videoInput, audioInputs, videoInputs }, setState] =
useState(() => { useState(() => {
@ -27,7 +25,7 @@ export function useMediaHandler(client) {
(device) => device.kind === "videoinput" (device) => device.kind === "videoinput"
); );
setState((prevState) => ({ setState(() => ({
audioInput: mediaHandler.audioInput, audioInput: mediaHandler.audioInput,
videoInput: mediaHandler.videoInput, videoInput: mediaHandler.videoInput,
audioInputs, audioInputs,