Reorganize components

src/App.js

@@ -2,23 +2,23 @@ import React, { useContext } from 'react';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 import { NotificationStateContext } from './contexts/NotificationContext';
 
-import Login from './pages/Login';
-import CreatePassword from './pages/setup/CreatePassword';
-import ConfigureAccount from './pages/setup/ConfigureAccount';
-import CreateApplication from './pages/setup/CreateApplication';
-import ConfigureSipTrunk from './pages/setup/ConfigureSipTrunk';
-import SetupComplete from './pages/setup/SetupComplete';
-import AccountsList from './pages/internal/AccountsList';
-import ApplicationsList from './pages/internal/ApplicationsList';
-import SipTrunksList from './pages/internal/SipTrunksList';
-import PhoneNumbersList from './pages/internal/PhoneNumbersList';
-import AccountsAddEdit from './pages/internal/AccountsAddEdit';
-import ApplicationsAddEdit from './pages/internal/ApplicationsAddEdit';
-import SipTrunksAddEdit from './pages/internal/SipTrunksAddEdit';
-import PhoneNumbersAddEdit from './pages/internal/PhoneNumbersAddEdit';
+import Login from './components/pages/Login';
+import CreatePassword from './components/pages/setup/CreatePassword';
+import ConfigureAccount from './components/pages/setup/ConfigureAccount';
+import CreateApplication from './components/pages/setup/CreateApplication';
+import ConfigureSipTrunk from './components/pages/setup/ConfigureSipTrunk';
+import SetupComplete from './components/pages/setup/SetupComplete';
+import AccountsList from './components/pages/internal/AccountsList';
+import ApplicationsList from './components/pages/internal/ApplicationsList';
+import SipTrunksList from './components/pages/internal/SipTrunksList';
+import PhoneNumbersList from './components/pages/internal/PhoneNumbersList';
+import AccountsAddEdit from './components/pages/internal/AccountsAddEdit';
+import ApplicationsAddEdit from './components/pages/internal/ApplicationsAddEdit';
+import SipTrunksAddEdit from './components/pages/internal/SipTrunksAddEdit';
+import PhoneNumbersAddEdit from './components/pages/internal/PhoneNumbersAddEdit';
 
-import Notification from './blocks/Notification';
-import Nav from './blocks/Nav';
+import Notification from './components/blocks/Notification';
+import Nav from './components/blocks/Nav';
 
 function App() {
   const notifications = useContext(NotificationStateContext);

src/components/blocks/Breadcrumbs.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components/macro';
-import { ReactComponent as Chevron } from '../images/Chevron.svg';
+import { ReactComponent as Chevron } from '../../images/Chevron.svg';
 import Link from '../elements/Link';
 
 const BreadcrumbsContainer = styled.div`

src/components/blocks/FormError.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components/macro';
-import { ReactComponent as ErrorIcon } from '../images/ErrorIcon.svg';
+import { ReactComponent as ErrorIcon } from '../../images/ErrorIcon.svg';
 
 const FormErrorContainer = styled.div`
   display: flex;

src/components/blocks/Modal.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useContext } from 'react';
-import { ModalDispatchContext } from '../contexts/ModalContext';
+import { ModalDispatchContext } from '../../contexts/ModalContext';
 import styled from 'styled-components/macro';
 import Button from '../elements/Button';
 

src/components/blocks/Nav.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { useHistory, useLocation } from 'react-router-dom';
 import styled from 'styled-components/macro';
-import { NotificationDispatchContext } from '../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../contexts/NotificationContext';
 import Button from '../elements/Button';
 
 const StyledNav = styled.nav`

src/components/blocks/Notification.js

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import styled from 'styled-components/macro';
-import { NotificationDispatchContext } from '../contexts/NotificationContext';
-import { ReactComponent as CheckGreen } from '../images/CheckGreen.svg';
-import { ReactComponent as ErrorIcon } from '../images/ErrorIcon.svg';
+import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { ReactComponent as CheckGreen } from '../../images/CheckGreen.svg';
+import { ReactComponent as ErrorIcon } from '../../images/ErrorIcon.svg';
 
 const NotificationContainer = styled.div`
   position: fixed;

src/components/blocks/TableContent.js

@@ -1,8 +1,8 @@
 import React, { useState, useEffect, useContext } from 'react';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
-import { ModalStateContext } from '../contexts/ModalContext';
-import { NotificationDispatchContext } from '../contexts/NotificationContext';
+import { ModalStateContext } from '../../contexts/ModalContext';
+import { NotificationDispatchContext } from '../../contexts/NotificationContext';
 import Table from '../elements/Table.js';
 import Button from '../elements/Button.js';
 import TableMenu from '../blocks/TableMenu.js';

src/components/blocks/TableMenu.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import styled, { css } from 'styled-components/macro';
-import { ReactComponent as MenuDots } from '../images/MenuDots.svg';
+import { ReactComponent as MenuDots } from '../../images/MenuDots.svg';
 
 const Button = styled.button`
   background: none;

src/components/elements/AddButton.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components/macro';
-import { ModalStateContext } from '../contexts/ModalContext';
+import { ModalStateContext } from '../../contexts/ModalContext';
 
 const FilteredLink = ({ addButtonText, ...props }) => (
   <Link {...props}>{props.children}</Link>

src/components/elements/Button.js

@@ -1,5 +1,5 @@
 import React, { useContext, useRef, forwardRef, useImperativeHandle } from 'react';
-import { ModalStateContext } from '../contexts/ModalContext';
+import { ModalStateContext } from '../../contexts/ModalContext';
 import styled from 'styled-components/macro';
 
 const StyledButton = styled.button`

src/components/elements/Input.js

@@ -1,7 +1,7 @@
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import styled from 'styled-components/macro';
-import { ReactComponent as ViewPassword } from '../images/ViewPassword.svg';
-import { ReactComponent as HidePassword } from '../images/HidePassword.svg';
+import { ReactComponent as ViewPassword } from '../../images/ViewPassword.svg';
+import { ReactComponent as HidePassword } from '../../images/HidePassword.svg';
 
 const Container = styled.div`
   position: relative;

src/components/elements/Link.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { Link as ReactRouterLink } from 'react-router-dom';
 import styled from 'styled-components/macro';
-import { ModalStateContext } from '../contexts/ModalContext';
+import { ModalStateContext } from '../../contexts/ModalContext';
 
 const FilteredLink = ({ formLink, right, inModal, ...props }) => (
   <ReactRouterLink {...props}>{props.children}</ReactRouterLink>

src/components/elements/TrashButton.js

@@ -1,6 +1,6 @@
 import React, { useRef, forwardRef, useImperativeHandle } from 'react';
 import styled from 'styled-components/macro';
-import { ReactComponent as TrashIcon } from '../images/TrashIcon.svg';
+import { ReactComponent as TrashIcon } from '../../images/TrashIcon.svg';
 
 const StyledButton = styled.button`
   display: flex;

src/components/forms/AccountForm.js

@@ -2,16 +2,16 @@ import React, { useState, useEffect, useContext, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import axios from 'axios';
 import { NotificationDispatchContext } from '../../contexts/NotificationContext';
-import Form from '../../elements/Form';
-import Input from '../../elements/Input';
-import Label from '../../elements/Label';
-import Select from '../../elements/Select';
-import InputGroup from '../../elements/InputGroup';
-import PasswordInput from '../../elements/PasswordInput';
-import FormError from '../../blocks/FormError';
-import Loader from '../../blocks/Loader';
-import Button from '../../elements/Button';
-import Link from '../../elements/Link';
+import Form from '../elements/Form';
+import Input from '../elements/Input';
+import Label from '../elements/Label';
+import Select from '../elements/Select';
+import InputGroup from '../elements/InputGroup';
+import PasswordInput from '../elements/PasswordInput';
+import FormError from '../blocks/FormError';
+import Loader from '../blocks/Loader';
+import Button from '../elements/Button';
+import Link from '../elements/Link';
 
 const AccountForm = props => {
   let history = useHistory();

src/components/forms/ApplicationForm.js

@@ -2,18 +2,18 @@ import React, { useState, useEffect, useContext, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import axios from 'axios';
 import { NotificationDispatchContext } from '../../contexts/NotificationContext';
-import Form from '../../elements/Form';
-import Input from '../../elements/Input';
-import Label from '../../elements/Label';
-import Select from '../../elements/Select';
-import InputGroup from '../../elements/InputGroup';
-import PasswordInput from '../../elements/PasswordInput';
-import FormError from '../../blocks/FormError';
-import Button from '../../elements/Button';
+import Form from '../elements/Form';
+import Input from '../elements/Input';
+import Label from '../elements/Label';
+import Select from '../elements/Select';
+import InputGroup from '../elements/InputGroup';
+import PasswordInput from '../elements/PasswordInput';
+import FormError from '../blocks/FormError';
+import Button from '../elements/Button';
 import SpeechSynthesisLanguageGoogle from '../../data/SpeechSynthesisLanguageGoogle';
 import SpeechSynthesisLanguageAws from '../../data/SpeechSynthesisLanguageAws';
 import SpeechRecognizerLanguageGoogle from '../../data/SpeechRecognizerLanguageGoogle';
-import Loader from '../../blocks/Loader';
+import Loader from '../blocks/Loader';
 
 const ApplicationForm = props => {
   let history = useHistory();

src/components/forms/PhoneNumberForm.js

@@ -2,14 +2,14 @@ import React, { useState, useEffect, useContext, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import axios from 'axios';
 import { NotificationDispatchContext } from '../../contexts/NotificationContext';
-import Form from '../../elements/Form';
-import Input from '../../elements/Input';
-import Label from '../../elements/Label';
-import Select from '../../elements/Select';
-import InputGroup from '../../elements/InputGroup';
-import FormError from '../../blocks/FormError';
-import Loader from '../../blocks/Loader';
-import Button from '../../elements/Button';
+import Form from '../elements/Form';
+import Input from '../elements/Input';
+import Label from '../elements/Label';
+import Select from '../elements/Select';
+import InputGroup from '../elements/InputGroup';
+import FormError from '../blocks/FormError';
+import Loader from '../blocks/Loader';
+import Button from '../elements/Button';
 
 const PhoneNumberForm = props => {
 

src/components/forms/SipTrunkForm.js

@@ -2,15 +2,15 @@ import React, { useState, useEffect, useContext, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import axios from 'axios';
 import { NotificationDispatchContext } from '../../contexts/NotificationContext';
-import Form from '../../elements/Form';
-import Input from '../../elements/Input';
-import Label from '../../elements/Label';
-import Checkbox from '../../elements/Checkbox';
-import InputGroup from '../../elements/InputGroup';
-import FormError from '../../blocks/FormError';
-import Button from '../../elements/Button';
-import TrashButton from '../../elements/TrashButton';
-import Loader from '../../blocks/Loader';
+import Form from '../elements/Form';
+import Input from '../elements/Input';
+import Label from '../elements/Label';
+import Checkbox from '../elements/Checkbox';
+import InputGroup from '../elements/InputGroup';
+import FormError from '../blocks/FormError';
+import Button from '../elements/Button';
+import TrashButton from '../elements/TrashButton';
+import Loader from '../blocks/Loader';
 
 const SipTrunkForm = props => {
   const history = useHistory();

src/components/pages/internal/AccountsAddEdit.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 import InternalTemplate from '../../templates/InternalTemplate';
-import AccountForm from '../../blocks/forms/AccountForm';
+import AccountForm from '../../forms/AccountForm';
 
 const AccountsAddEdit = () => {
   let { account_sid } = useParams();

src/components/pages/internal/AccountsList.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import axios from 'axios';
-import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
 import InternalTemplate from '../../templates/InternalTemplate';
 import TableContent from '../../blocks/TableContent.js';
 

src/components/pages/internal/ApplicationsAddEdit.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 import InternalTemplate from '../../templates/InternalTemplate';
-import ApplicationForm from '../../blocks/forms/ApplicationForm';
+import ApplicationForm from '../../forms/ApplicationForm';
 
 const ApplicationsAddEdit = () => {
   let { application_sid } = useParams();

src/components/pages/internal/ApplicationsList.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import axios from 'axios';
-import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
 import InternalTemplate from '../../templates/InternalTemplate';
 import TableContent from '../../blocks/TableContent.js';
 

src/components/pages/internal/PhoneNumbersAddEdit.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 import InternalTemplate from '../../templates/InternalTemplate';
-import PhoneNumberForm from '../../blocks/forms/PhoneNumberForm';
+import PhoneNumberForm from '../../forms/PhoneNumberForm';
 
 const PhoneNumbersAddEdit = () => {
   let { phone_number_sid } = useParams();

src/components/pages/internal/PhoneNumbersList.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import axios from 'axios';
-import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
 import InternalTemplate from '../../templates/InternalTemplate';
 import TableContent from '../../blocks/TableContent.js';
 

src/components/pages/internal/SipTrunksAddEdit.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
 import InternalTemplate from '../../templates/InternalTemplate';
-import SipTrunkForm from '../../blocks/forms/SipTrunkForm';
+import SipTrunkForm from '../../forms/SipTrunkForm';
 
 const SipTrunksAddEdit = () => {
   let { voip_carrier_sid } = useParams();

src/components/pages/internal/SipTrunksList.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import axios from 'axios';
-import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
 import InternalTemplate from '../../templates/InternalTemplate';
 import TableContent from '../../blocks/TableContent.js';
 

src/components/pages/setup/ConfigureAccount.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import SetupTemplate from '../../templates/SetupTemplate';
-import AccountForm from '../../blocks/forms/AccountForm';
+import AccountForm from '../../forms/AccountForm';
 
 const ConfigureAccount = () => {
   return (

src/components/pages/setup/ConfigureSipTrunk.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import SetupTemplate from '../../templates/SetupTemplate';
-import SipTrunkForm from '../../blocks/forms/SipTrunkForm';
+import SipTrunkForm from '../../forms/SipTrunkForm';
 
 const ConfigureSipTrunk = () => {
   return (

src/components/pages/setup/CreateApplication.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import SetupTemplate from '../../templates/SetupTemplate';
-import ApplicationForm from '../../blocks/forms/ApplicationForm';
+import ApplicationForm from '../../forms/ApplicationForm';
 
 const CreateApplication = () => {
   return (

src/components/pages/setup/CreatePassword.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext, useRef } from 'react';
 import { useHistory } from 'react-router-dom';
 import axios from 'axios';
-import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
 import SetupTemplate from '../../templates/SetupTemplate';
 import Form from '../../elements/Form';
 import Button from '../../elements/Button';

src/components/pages/setup/SetupComplete.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useContext } from 'react';
 import { useHistory } from 'react-router-dom';
-import { NotificationDispatchContext } from '../../contexts/NotificationContext';
+import { NotificationDispatchContext } from '../../../contexts/NotificationContext';
 import SetupTemplate from '../../templates/SetupTemplate';
 import Button from '../../elements/Button';
 

src/components/templates/InternalTemplate.js

@@ -1,13 +1,13 @@
 import React, { useEffect, useContext } from 'react';
 import { NavLink, useHistory } from 'react-router-dom';
-import { ModalStateContext } from '../contexts/ModalContext';
-import { NotificationDispatchContext } from '../contexts/NotificationContext';
+import { ModalStateContext } from '../../contexts/ModalContext';
+import { NotificationDispatchContext } from '../../contexts/NotificationContext';
 import styled from 'styled-components/macro';
 import H1 from '../elements/H1';
-import { ReactComponent as AccountsIcon } from '../images/AccountsIcon.svg';
-import { ReactComponent as ApplicationsIcon } from '../images/ApplicationsIcon.svg';
-import { ReactComponent as SipTrunksIcon } from '../images/SipTrunksIcon.svg';
-import { ReactComponent as PhoneNumbersIcon } from '../images/PhoneNumbersIcon.svg';
+import { ReactComponent as AccountsIcon } from '../../images/AccountsIcon.svg';
+import { ReactComponent as ApplicationsIcon } from '../../images/ApplicationsIcon.svg';
+import { ReactComponent as SipTrunksIcon } from '../../images/SipTrunksIcon.svg';
+import { ReactComponent as PhoneNumbersIcon } from '../../images/PhoneNumbersIcon.svg';
 import AddButton from '../elements/AddButton';
 import Breadcrumbs from '../blocks/Breadcrumbs';