update directories

src/App.js

@@ -2,11 +2,11 @@ import React, { useEffect } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { Helmet } from 'react-helmet-async';
 import useBoardStore from './useBoardStore';
-import Home from './components/Home';
-import Board from './components/Board';
-import Thread from './components/Thread';
-import Catalog from './components/Catalog';
-import NotFound from './components/NotFound';
+import Home from './components/views/Home';
+import Board from './components/views/Board';
+import Thread from './components/views/Thread';
+import Catalog from './components/views/Catalog';
+import NotFound from './components/views/NotFound';
 import styled, { createGlobalStyle } from 'styled-components';
 import 'react-tooltip/dist/react-tooltip.css';
 import 'react-toastify/dist/ReactToastify.css';

src/components/views/Board.jsx

@@ -1,18 +1,18 @@
 import React, { useState, useEffect, Fragment } from 'react';
 import { Link, useNavigate, useParams, useLocation } from 'react-router-dom';
-import useBoardStore from '../useBoardStore';
+import useBoardStore from '../../useBoardStore';
 import { Container, NavBar, Header, Break, PostFormLink, PostFormTable, PostForm, TopBar, BoardForm } from './styles/Board.styled';
-import ImageBanner from './ImageBanner';
-import CaptchaModal from './CaptchaModal';
-import ReplyModal from './ReplyModal';
-import SettingsModal from './SettingsModal';
+import ImageBanner from '../ImageBanner';
+import CaptchaModal from '../CaptchaModal';
+import ReplyModal from '../ReplyModal';
+import SettingsModal from '../SettingsModal';
 import { useFeed, useAccountsActions } from '@plebbit/plebbit-react-hooks';
 import InfiniteScroll from 'react-infinite-scroller';
 import { Tooltip } from 'react-tooltip';
-import onError from '../utils/onError';
-import onSuccess from '../utils/onSuccess';
-import getDate from '../utils/getDate';
-import renderComments from '../utils/renderComments';
+import onError from '../../utils/onError';
+import onSuccess from '../../utils/onSuccess';
+import getDate from '../../utils/getDate';
+import renderComments from '../../utils/renderComments';
 
 
 const Board = ({ setBodyStyle }) => {

src/components/views/Catalog.jsx

@@ -1,15 +1,15 @@
 import React, { useState, useEffect } from 'react';
 import { Link, useNavigate, useParams, useLocation } from 'react-router-dom';
-import useBoardStore from '../useBoardStore';
+import useBoardStore from '../../useBoardStore';
 import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable } from './styles/Board.styled';
 import { TopBar } from './styles/Thread.styled';
 import { Threads } from './styles/Catalog.styled';
 import { useFeed, useAccountsActions } from '@plebbit/plebbit-react-hooks';
-import ImageBanner from './ImageBanner';
-import CaptchaModal from './CaptchaModal';
-import SettingsModal from './SettingsModal';
-import onError from '../utils/onError';
-import onSuccess from '../utils/onSuccess';
+import ImageBanner from '../ImageBanner';
+import CaptchaModal from '../CaptchaModal';
+import SettingsModal from '../SettingsModal';
+import onError from '../../utils/onError';
+import onSuccess from '../../utils/onSuccess';
 import InfiniteScroll from 'react-infinite-scroller';
 
 

src/components/views/Home.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import useBoardStore from '../useBoardStore';
+import useBoardStore from '../../useBoardStore';
 import { Link } from 'react-router-dom';
 import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from './styles/Home.styled';
 

src/components/views/NotFound.jsx

@@ -1,5 +1,5 @@
 import React, { useEffect }  from 'react';
-import useBoardStore from '../useBoardStore';
+import useBoardStore from '../../useBoardStore';
 import { Link } from "react-router-dom";
 import { Container, Header, Logo, Page, Boards, BoardsTitle } from './styles/Home.styled';
 

src/components/views/Thread.jsx

@@ -1,18 +1,18 @@
 import React, { useState, useEffect } from 'react';
 import { Link, useNavigate, useParams, useLocation } from 'react-router-dom';
-import useBoardStore from '../useBoardStore';
+import useBoardStore from '../../useBoardStore';
 import { Container, NavBar, Header, Break, PostForm, PostFormTable, BoardForm } from './styles/Board.styled';
 import { ReplyFormLink, TopBar, BottomBar } from './styles/Thread.styled';
 import { useComment, useAccountsActions } from '@plebbit/plebbit-react-hooks';
-import ImageBanner from './ImageBanner';
-import CaptchaModal from './CaptchaModal';
-import ReplyModal from './ReplyModal';
-import SettingsModal from './SettingsModal';
+import ImageBanner from '../ImageBanner';
+import CaptchaModal from '../CaptchaModal';
+import ReplyModal from '../ReplyModal';
+import SettingsModal from '../SettingsModal';
 import { Tooltip } from 'react-tooltip';
-import onError from '../utils/onError';
-import onSuccess from '../utils/onSuccess';
-import getDate from '../utils/getDate';
-import renderThreadComments from '../utils/renderThreadComments';
+import onError from '../../utils/onError';
+import onSuccess from '../../utils/onSuccess';
+import getDate from '../../utils/getDate';
+import renderThreadComments from '../../utils/renderThreadComments';
 
 
 const Thread = ({ setBodyStyle }) => {