Move inputs and profile components

src/UserMenuContainer.jsx

@@ -1,9 +1,9 @@
 import React, { useCallback } from "react";
 import { useHistory, useLocation } from "react-router-dom";
 import { useClient } from "./ClientContext";
-import { useProfile } from "./useProfile";
+import { useProfile } from "./profile/useProfile";
 import { useModalTriggerState } from "./Modal";
-import { ProfileModal } from "./ProfileModal";
+import { ProfileModal } from "./profile/ProfileModal";
 import { UserMenu } from "./UserMenu";
 
 export function UserMenuContainer({ disableLogout }) {

src/auth/LoginPage.jsx

@@ -17,7 +17,7 @@ limitations under the License.
 import React, { useCallback, useRef, useState, useMemo } from "react";
 import { useHistory, useLocation, Link } from "react-router-dom";
 import { ReactComponent as Logo } from "../icons/LogoLarge.svg";
-import { FieldRow, InputField, ErrorMessage } from "../Input";
+import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
 import { defaultHomeserver, defaultHomeserverHost } from "../matrix-utils";
 import styles from "./LoginPage.module.css";

src/auth/RegisterPage.jsx

@@ -16,7 +16,7 @@ limitations under the License.
 
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { useHistory, useLocation } from "react-router-dom";
-import { FieldRow, InputField, ErrorMessage } from "../Input";
+import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
 import { useClient } from "../ClientContext";
 import { defaultHomeserverHost } from "../matrix-utils";

src/home/JoinExistingCallModal.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Modal, ModalContent } from "../Modal";
 import { Button } from "../button";
-import { FieldRow } from "../Input";
+import { FieldRow } from "../input/Input";
 import styles from "./JoinExistingCallModal.module.css";
 
 export function JoinExistingCallModal({ onJoin, ...rest }) {

src/home/RegisteredView.jsx

@@ -4,7 +4,7 @@ import { useGroupCallRooms } from "./useGroupCallRooms";
 import { Header, HeaderLogo, LeftNav, RightNav } from "../Header";
 import commonStyles from "./common.module.css";
 import styles from "./RegisteredView.module.css";
-import { FieldRow, InputField, ErrorMessage } from "../Input";
+import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
 import { CallList } from "./CallList";
 import { UserMenuContainer } from "../UserMenuContainer";

src/home/UnauthenticatedView.jsx

@@ -2,7 +2,7 @@ import React, { useCallback, useState } from "react";
 import { Header, HeaderLogo, LeftNav, RightNav } from "../Header";
 import { UserMenuContainer } from "../UserMenuContainer";
 import { useHistory } from "react-router-dom";
-import { FieldRow, InputField, ErrorMessage } from "../Input";
+import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { Button } from "../button";
 import { randomString } from "matrix-js-sdk/src/randomstring";
 import { createRoom, roomAliasFromRoomName } from "../matrix-utils";

src/input/Input.jsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from "react";
 import classNames from "classnames";
 import styles from "./Input.module.css";
-import { ReactComponent as CheckIcon } from "./icons/Check.svg";
+import { ReactComponent as CheckIcon } from "../icons/Check.svg";
 
 export function FieldRow({ children, rightAlign, className, ...rest }) {
   return (

src/input/SelectInput.jsx

@@ -2,11 +2,11 @@ import React, { useRef } from "react";
 import { HiddenSelect, useSelect } from "@react-aria/select";
 import { useButton } from "@react-aria/button";
 import { useSelectState } from "@react-stately/select";
-import { Popover } from "./popover/Popover";
-import { ListBox } from "./ListBox";
+import { Popover } from "../popover/Popover";
+import { ListBox } from "../ListBox";
 import styles from "./SelectInput.module.css";
 import classNames from "classnames";
-import { ReactComponent as ArrowDownIcon } from "./icons/ArrowDown.svg";
+import { ReactComponent as ArrowDownIcon } from "../icons/ArrowDown.svg";
 
 export function SelectInput(props) {
   const state = useSelectState(props);

src/profile/ProfileModal.jsx

@@ -1,8 +1,8 @@
 import React, { useCallback, useEffect, useState } from "react";
-import { Button } from "./button";
+import { Button } from "../button";
 import { useProfile } from "./useProfile";
-import { FieldRow, InputField, ErrorMessage } from "./Input";
-import { Modal, ModalContent } from "./Modal";
+import { FieldRow, InputField, ErrorMessage } from "../input/Input";
+import { Modal, ModalContent } from "../Modal";
 
 export function ProfileModal({
   client,

src/profile/useProfile.js

@@ -1,5 +1,5 @@
 import { useState, useCallback, useEffect } from "react";
-import { getAvatarUrl } from "./matrix-utils";
+import { getAvatarUrl } from "../matrix-utils";
 
 export function useProfile(client) {
   const [{ loading, displayName, avatarUrl, error, success }, setState] =

src/room/CallEndedView.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "./CallEndedView.module.css";
 import { LinkButton } from "../button";
-import { useProfile } from "../useProfile";
+import { useProfile } from "../profile/useProfile";
 import { Subtitle, Body, Link, Headline } from "../typography/Typography";
 import { Header, HeaderLogo, LeftNav, RightNav } from "../Header";
 

src/room/RoomAuthView.jsx

@@ -5,7 +5,7 @@ import { Body, Caption, Link, Headline } from "../typography/Typography";
 import { Header, HeaderLogo, LeftNav, RightNav } from "../Header";
 import { useLocation } from "react-router-dom";
 import { useRecaptcha } from "../auth/useRecaptcha";
-import { FieldRow, InputField, ErrorMessage } from "../Input";
+import { FieldRow, InputField, ErrorMessage } from "../input/Input";
 import { randomString } from "matrix-js-sdk/src/randomstring";
 import { useInteractiveRegistration } from "../auth/useInteractiveRegistration";
 import { Form } from "../form/Form";

src/settings/SettingsModal.jsx

@@ -5,10 +5,10 @@ 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 { SelectInput } from "../input/SelectInput";
 import { Item } from "@react-stately/collections";
 import { useMediaHandler } from "./useMediaHandler";
-import { FieldRow, InputField } from "../Input";
+import { FieldRow, InputField } from "../input/Input";
 
 export function SettingsModal({
   client,