update directories

src/App.js

@@ -17,7 +17,7 @@ import Pending from './components/views/Pending';
 import Subscriptions from './components/views/Subscriptions';
 import SubscriptionsCatalog from './components/views/SubscriptionsCatalog';
 import Thread from './components/views/Thread';
-import CaptchaModal from './components/CaptchaModal';
+import CaptchaModal from './components/modals/CaptchaModal';
 import { importAll } from './components/ImageBanner';
 import preloadImages from './utils/preloadImages';
 import useError from "./hooks/useError";

src/components/modals/CaptchaModal.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
-import { StyledModal } from './styled/CaptchaModal.styled';
-import useGeneralStore from '../hooks/stores/useGeneralStore';
+import { StyledModal } from '../styled/modals/CaptchaModal.styled';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import Modal from 'react-modal';
 import Draggable from 'react-draggable';
 

src/components/modals/EditModal.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { StyledModal } from './styled/ReplyModal.styled';
-import useGeneralStore from '../hooks/stores/useGeneralStore';
+import { StyledModal } from '../styled/modals/ReplyModal.styled';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import Modal from 'react-modal';
 import Draggable from 'react-draggable';
 

src/components/modals/ModerationModal.jsx

@@ -2,10 +2,10 @@ import React, { useState, useEffect } from "react";
 import Modal from "react-modal";
 import { Link } from "react-router-dom";
 import { usePublishCommentEdit } from "@plebbit/plebbit-react-hooks";
-import { StyledModal } from "./styled/ModerationModal.styled";
-import useGeneralStore from "../hooks/stores/useGeneralStore";
-import useError from "../hooks/useError";
-import useSuccess from "../hooks/useSuccess";
+import { StyledModal } from "../styled/modals/ModerationModal.styled";
+import useGeneralStore from "../../hooks/stores/useGeneralStore";
+import useError from "../../hooks/useError";
+import useSuccess from "../../hooks/useSuccess";
 
 
 const ModerationModal = ({ isOpen, closeModal, deletePost }) => {

src/components/modals/ReplyModal.jsx

@@ -1,10 +1,10 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { usePublishComment } from '@plebbit/plebbit-react-hooks';
-import { StyledModal } from './styled/ReplyModal.styled';
-import useGeneralStore from '../hooks/stores/useGeneralStore';
+import { StyledModal } from '../styled/modals/ReplyModal.styled';
+import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import Modal from 'react-modal';
 import Draggable from 'react-draggable';
-import useError from '../hooks/useError';
+import useError from '../../hooks/useError';
 
 
 const ReplyModal = ({ isOpen, closeModal }) => {

src/components/modals/SettingsModal.jsx

@@ -2,11 +2,11 @@ import React, { useState, useEffect, useRef } from "react";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import Modal from "react-modal";
 import { deleteCaches, exportAccount, importAccount, setAccount, setActiveAccount, useAccount, useAccounts } from "@plebbit/plebbit-react-hooks";
-import { StyledModal } from "./styled/SettingsModal.styled";
-import useGeneralStore from "../hooks/stores/useGeneralStore";
-import useError from "../hooks/useError";
-import useSuccess from "../hooks/useSuccess";
-import packageJson from '../../package.json'
+import { StyledModal } from "../styled/modals/SettingsModal.styled";
+import useGeneralStore from "../../hooks/stores/useGeneralStore";
+import useError from "../../hooks/useError";
+import useSuccess from "../../hooks/useSuccess";
+import packageJson from '../../../package.json'
 const {version} = packageJson
 
 

src/components/views/All.jsx

@@ -7,14 +7,14 @@ import { useAccount, useAccountComments, useFeed, useSubplebbits } from '@plebbi
 import { flattenCommentsPages } from '@plebbit/plebbit-react-hooks/dist/lib/utils'
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break, TopBar, BoardForm, PostMenu } from '../styled/Board.styled';
-import { Footer } from '../styled/Thread.styled';
+import { Container, NavBar, Header, Break, TopBar, BoardForm, PostMenu } from '../styled/views/Board.styled';
+import { Footer } from '../styled/views/Thread.styled';
 import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
 import Post from '../Post';
 import PostLoader from '../PostLoader';
-import ReplyModal from '../ReplyModal';
-import SettingsModal from '../SettingsModal';
+import ReplyModal from '../modals/ReplyModal';
+import SettingsModal from '../modals/SettingsModal';
 import findShortParentCid from '../../utils/findShortParentCid';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';

src/components/views/AllCatalog.jsx

@@ -6,12 +6,12 @@ import { Tooltip } from 'react-tooltip';
 import { useFeed, useSubplebbits } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break} from '../styled/Board.styled';
-import { Threads } from '../styled/Catalog.styled';
-import { TopBar, Footer } from '../styled/Thread.styled';
+import { Container, NavBar, Header, Break} from '../styled/views/Board.styled';
+import { Threads } from '../styled/views/Catalog.styled';
+import { TopBar, Footer } from '../styled/views/Thread.styled';
 import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
-import SettingsModal from '../SettingsModal';
+import SettingsModal from '../modals/SettingsModal';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useError from '../../hooks/useError';

src/components/views/Board.jsx

@@ -8,16 +8,16 @@ import { useAccount, useAccountComments, useFeed, usePublishComment, usePublishC
 import { flattenCommentsPages } from '@plebbit/plebbit-react-hooks/dist/lib/utils'
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break, PostFormLink, PostFormTable, PostForm, TopBar, BoardForm, PostMenu, AuthorDeleteAlert} from '../styled/Board.styled';
-import { Footer } from '../styled/Thread.styled';
-import EditModal from '../EditModal';
+import { Container, NavBar, Header, Break, PostFormLink, PostFormTable, PostForm, TopBar, BoardForm, PostMenu, AuthorDeleteAlert} from '../styled/views/Board.styled';
+import { Footer } from '../styled/views/Thread.styled';
+import EditModal from '../modals/EditModal';
 import ImageBanner from '../ImageBanner';
-import ModerationModal from '../ModerationModal';
+import ModerationModal from '../modals/ModerationModal';
 import OfflineIndicator from '../OfflineIndicator';
 import Post from '../Post';
 import PostLoader from '../PostLoader';
-import ReplyModal from '../ReplyModal';
-import SettingsModal from '../SettingsModal';
+import ReplyModal from '../modals/ReplyModal';
+import SettingsModal from '../modals/SettingsModal';
 import findShortParentCid from '../../utils/findShortParentCid';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';

src/components/views/Catalog.jsx

@@ -6,13 +6,13 @@ import { Tooltip } from 'react-tooltip';
 import { useFeed, usePublishComment, useSubplebbit, useSubscribe } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable } from '../styled/Board.styled';
-import { Threads } from '../styled/Catalog.styled';
-import { TopBar, Footer } from '../styled/Thread.styled';
+import { Container, NavBar, Header, Break, PostForm, PostFormLink, PostFormTable } from '../styled/views/Board.styled';
+import { Threads } from '../styled/views/Catalog.styled';
+import { TopBar, Footer } from '../styled/views/Thread.styled';
 import CatalogLoader from '../CatalogLoader';
 import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
-import SettingsModal from '../SettingsModal';
+import SettingsModal from '../modals/SettingsModal';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useClickForm from '../../hooks/useClickForm';

src/components/views/Home.jsx

@@ -3,7 +3,7 @@ import { Helmet } from 'react-helmet-async';
 import { useAccount } from '@plebbit/plebbit-react-hooks';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link, useNavigate } from 'react-router-dom';
-import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from '../styled/Home.styled';
+import { Container, Header, Logo, Page, Search, About, AboutTitle, AboutContent, Boards, BoardsTitle, BoardsContent, Footer } from '../styled/views/Home.styled';
 import BoardAvatar from '../BoardAvatar';
 import OfflineIndicator from '../OfflineIndicator';
 import packageJson from '../../../package.json'

src/components/views/NotFound.jsx

@@ -2,7 +2,7 @@ import React, { useEffect }  from 'react';
 import { Helmet } from 'react-helmet-async';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link } from "react-router-dom";
-import { Container, Header, Logo, Page, Boards, BoardsTitle } from '../styled/Home.styled';
+import { Container, Header, Logo, Page, Boards, BoardsTitle } from '../styled/views/Home.styled';
 import packageJson from '../../../package.json'
 const {version} = packageJson
 

src/components/views/Pending.jsx

@@ -4,12 +4,12 @@ import { Link, useNavigate, useParams } from 'react-router-dom';
 import { Tooltip } from 'react-tooltip';
 import { useAccount, useAccountComment } from '@plebbit/plebbit-react-hooks';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break, PostForm, BoardForm } from '../styled/Board.styled';
-import { ReplyFormLink, TopBar, BottomBar } from '../styled/Thread.styled';
+import { Container, NavBar, Header, Break, PostForm, BoardForm } from '../styled/views/Board.styled';
+import { ReplyFormLink, TopBar, BottomBar } from '../styled/views/Thread.styled';
 import ImageBanner from '../ImageBanner';
 import Post from '../Post';
 import PostLoader from '../PostLoader';
-import SettingsModal from '../SettingsModal';
+import SettingsModal from '../modals/SettingsModal';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';
 import handleQuoteClick from '../../utils/handleQuoteClick';

src/components/views/Subscriptions.jsx

@@ -7,14 +7,14 @@ import { useAccount, useAccountComments, useFeed, useSubplebbits } from '@plebbi
 import { flattenCommentsPages } from '@plebbit/plebbit-react-hooks/dist/lib/utils'
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break, TopBar, BoardForm, PostMenu } from '../styled/Board.styled';
-import { Footer } from '../styled/Thread.styled';
+import { Container, NavBar, Header, Break, TopBar, BoardForm, PostMenu } from '../styled/views/Board.styled';
+import { Footer } from '../styled/views/Thread.styled';
 import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
 import Post from '../Post';
 import PostLoader from '../PostLoader';
-import ReplyModal from '../ReplyModal';
-import SettingsModal from '../SettingsModal';
+import ReplyModal from '../modals/ReplyModal';
+import SettingsModal from '../modals/SettingsModal';
 import findShortParentCid from '../../utils/findShortParentCid';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';

src/components/views/SubscriptionsCatalog.jsx

@@ -6,12 +6,12 @@ import { Tooltip } from 'react-tooltip';
 import { useAccount, useFeed, useSubplebbits } from '@plebbit/plebbit-react-hooks';
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break} from '../styled/Board.styled';
-import { Threads } from '../styled/Catalog.styled';
-import { TopBar, Footer } from '../styled/Thread.styled';
+import { Container, NavBar, Header, Break} from '../styled/views/Board.styled';
+import { Threads } from '../styled/views/Catalog.styled';
+import { TopBar, Footer } from '../styled/views/Thread.styled';
 import ImageBanner from '../ImageBanner';
 import OfflineIndicator from '../OfflineIndicator';
-import SettingsModal from '../SettingsModal';
+import SettingsModal from '../modals/SettingsModal';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import handleStyleChange from '../../utils/handleStyleChange';
 import useError from '../../hooks/useError';

src/components/views/Thread.jsx

@@ -7,16 +7,16 @@ import { useAccount, useAccountComments, useComment, usePublishComment, usePubli
 import { flattenCommentsPages } from '@plebbit/plebbit-react-hooks/dist/lib/utils'
 import { debounce } from 'lodash';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
-import { Container, NavBar, Header, Break, PostForm, PostFormTable, PostMenu } from '../styled/Board.styled';
-import { ReplyFormLink, TopBar, BottomBar, BoardForm, Footer, AuthorDeleteAlert } from '../styled/Thread.styled';
-import EditModal from '../EditModal';
+import { Container, NavBar, Header, Break, PostForm, PostFormTable, PostMenu } from '../styled/views/Board.styled';
+import { ReplyFormLink, TopBar, BottomBar, BoardForm, Footer, AuthorDeleteAlert } from '../styled/views/Thread.styled';
+import EditModal from '../modals/EditModal';
 import ImageBanner from '../ImageBanner';
-import ModerationModal from '../ModerationModal';
+import ModerationModal from '../modals/ModerationModal';
 import OfflineIndicator from '../OfflineIndicator';
 import Post from '../Post';
 import PostLoader from '../PostLoader';
-import ReplyModal from '../ReplyModal';
-import SettingsModal from '../SettingsModal';
+import ReplyModal from '../modals/ReplyModal';
+import SettingsModal from '../modals/SettingsModal';
 import findShortParentCid from '../../utils/findShortParentCid';
 import getCommentMediaInfo from '../../utils/getCommentMediaInfo';
 import getDate from '../../utils/getDate';