740 frontendtech debt structure improvements

FrontEnd/src/App.jsx

@@ -1,30 +1,9 @@
 import React from 'react';
 import './App.css';
-import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-import AdminPage from './components/adminPage/AdminPage';
-import BasicPage from './components/basicPage/BasicPage';
-import { AuthProvider } from './context';
+import { RouterProvider } from 'react-router-dom';
+import router from './routes/Router';
 
 function App() {
-  const router = createBrowserRouter([
-    {
-      path: '/*',
-      element: (
-        <AuthProvider>
-          <BasicPage />
-        </AuthProvider>
-      ),
-    },
-    {
-      path: '/customadmin/*',
-      element: (
-        <AuthProvider>
-          <AdminPage />
-        </AuthProvider>
-      ),
-    },
-  ]);
-
   return (
     <div className="App">
       <h1>

FrontEnd/src/components/authorization/AuthorizationPage.jsx → FrontEnd/src/components/Authorization/AuthorizationPage.jsx

@@ -1,4 +1,4 @@
-import Login from '../authorization/Login';
+import Login from './/Login';
 import classes from './AuthorizationPage.module.css';
 
 const AuthorizationPage = () => {

FrontEnd/src/components/authorization/LoginPage.jsx → FrontEnd/src/components/Authorization/LoginPage.jsx

@@ -10,7 +10,7 @@
 import EyeInvisible from './EyeInvisible';
 import classes from './LoginPage.module.css';
 import { useAuth } from '../../hooks/';
-import checkIfStaff from '../adminPage/checkIfStaff';
+import checkIfStaff from '../../pages/AdminPage/checkIfStaff';
 
 const LoginContent = () => {
   const { login } = useAuth();
@@ -76,7 +76,7 @@
     clearErrors('unspecifiedError');
     clearErrors('rateError');
     clearErrors('blockedUserError');
   }, [getValues('email'), getValues('password'), clearErrors]);
 
   const disabled = !isValid || (isRunning && minutes < 10);
 

FrontEnd/src/tests/CompanyCard.test.js → FrontEnd/src/components/CompanyCard/tests/CompanyCard.test.js

@@ -1,7 +1,7 @@
 import { render, screen, cleanup } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 
-import CompanyCard from '../components/CompanyCard/CompanyCard';
+import CompanyCard from '../CompanyCard';
 
 const mockedUser = {
   email: 'test@test.com',
@@ -10,7 +10,7 @@ const mockedUser = {
   profile_id: 1,
   surname: 'Test',
 };
-jest.mock('../hooks/useAuth', () => ({
+jest.mock('../../../hooks/useAuth', () => ({
   useAuth: () => {
     return mockedUser;
   },

FrontEnd/src/components/cookieacception/CookieMod.jsx → FrontEnd/src/components/CookieAcception/CookieMod.jsx

@@ -1,10 +1,10 @@
 import { Link } from 'react-router-dom';
 import { useCookies } from 'react-cookie';
 import styles from './CookieMod.module.css';
-import cookiesimage from './cookieimg/homecookies.png';
+import cookiesimage from './CookieImg/homecookies.png';
 import { useState } from 'react';
 
 const CookieMod = ({ active, setActive }) => {
   const [cookies, setCookie] = useCookies();
   const [detailsVisible, setDetailsVisible] = useState(false);
 

FrontEnd/src/tests/CookieModal.test.js → FrontEnd/src/components/CookieAcception/tests/CookieModal.test.js

@@ -1,7 +1,7 @@
 import { render, screen, cleanup } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 
-import CookieMod from '../components/cookieacception/CookieMod';
+import CookieMod from '../CookieMod';
 
 afterEach(cleanup);
 

FrontEnd/src/components/HeaderFooter/footer/Footer.jsx → FrontEnd/src/components/HeaderFooter/Footer/Footer.jsx

@@ -1,6 +1,6 @@
-import FooterTop from './top/FooterTop';
-import FooterBottom from './bottom/FooterBottom';
-import ShortFooter from './short/ShortFooter';
+import FooterTop from './Top/FooterTop';
+import FooterBottom from './Bottom/FooterBottom';
+import ShortFooter from './Short/ShortFooter';
 import css from './Footer.module.css';
 
 const UNSUITABLE_PAGES = ['login', 'register'];

FrontEnd/src/components/HeaderFooter/header/Header.jsx → FrontEnd/src/components/HeaderFooter/Header/Header.jsx

@@ -1,6 +1,6 @@
 import css from './Header.module.css';
-import HeaderMenu from './menu/HeaderMenu';
-import Navbar from './navbar/Navbar';
+import HeaderMenu from './Menu/HeaderMenu';
+import Navbar from './Navbar/Navbar';
 
 function Header(props) {
   return (

FrontEnd/src/components/landing-page/about-section/About.jsx → FrontEnd/src/components/LandingPage/AboutSection/About.jsx

@@ -1,7 +1,7 @@
 import './About.css';
 import React from 'react';
-import AboutSectionCards from './cards/AboutCards';
-import AboutSectionText from './about-text/AboutText';
+import AboutSectionCards from './Cards/AboutCards';
+import AboutSectionText from './AboutText/AboutText';
 import AboutTextContent from './AboutMainText.js';
 
 const MainAboutSection = () => {

FrontEnd/src/tests/MainCompanies.test.js → FrontEnd/src/components/LandingPage/Companies/tests/MainCompanies.test.js

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
-import MainCompanies from '../components/landing-page/companies/Companies';
+import MainCompanies from '../Companies';
 
 afterEach(() => {
   jest.resetAllMocks();

FrontEnd/src/components/landing-page/MainPage.jsx → FrontEnd/src/components/LandingPage/MainPage.jsx

@@ -1,10 +1,10 @@
 import { useState } from 'react';
-import MainBanner from './banner/Banner';
+import MainBanner from './Banner/Banner';
 // import MainPartners from './partners/Partners';
-import MainCompanies from './companies/Companies';
-import MainLoginBanner from './login-banner/LoginBanner';
-import MainAboutSection from './about-section/About';
-import CookieMod from '../cookieacception/CookieMod';
+import MainCompanies from './Companies/Companies';
+import MainLoginBanner from './LoginBanner/LoginBanner';
+import MainAboutSection from './AboutSection/About';
+import CookieMod from '../CookieAcception/CookieMod';
 import css from './MainPage.module.css';
 import PropTypes from 'prop-types';
 

FrontEnd/src/components/moderation/ModerationModal.jsx → FrontEnd/src/components/Moderation/ModerationModal.jsx

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import{ useState, useEffect } from 'react';
 import { useParams, useSearchParams } from 'react-router-dom';
-import MainPage from '../landing-page/MainPage';
+import MainPage from '../LandingPage/MainPage';
 import MyModal from '../ProfilePage/UI/MyModal/MyModal';
 import classes from './ModerationModal.module.css';
 

FrontEnd/src/components/ProfileDetail/ProfileDetailPage.jsx

@@ -4,8 +4,8 @@ import { useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { PropTypes } from 'prop-types';
 
-import Loader from '../loader/Loader';
-import ErrorPage404 from '../errorPages/ErrorPage404';
+import Loader from '../Loader/Loader';
+import ErrorPage404 from '../ErrorPages/ErrorPage404';
 import MainInfoSection from './MainInfo/MainInfoSection';
 import DetailedInfoSection from './DetailedInfo/DetailedInfoSection';
 import BannerImage from './BannerImage';

FrontEnd/src/components/profileList/ProfileListPage.jsx → FrontEnd/src/components/ProfileList/ProfileListPage.jsx

@@ -5,8 +5,8 @@ import axios from 'axios';
 import { Radio } from 'antd';
 import useSWR from 'swr';
 
-import ErrorPage404 from '../errorPages/ErrorPage404';
-import Loader from '../loader/Loader';
+import ErrorPage404 from '../ErrorPages/ErrorPage404';
+import Loader from '../Loader/Loader';
 import ProfileList from './ProfileList';
 
 import css from './ProfileListPage.module.css';

FrontEnd/src/components/ProfilePage/FormComponents/AdditionalInfo.jsx

@@ -7,7 +7,7 @@ import checkFormIsDirty from '../../../utils/checkFormIsDirty';
 import defineChanges from '../../../utils/defineChanges';
 import { useAuth, useProfile } from '../../../hooks';
 import HalfFormField from './FormFields/HalfFormField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import css from './FormComponents.module.css';
 
 const LABELS = {

FrontEnd/src/components/ProfilePage/FormComponents/ChangePassword.jsx

@@ -6,7 +6,7 @@ import { useContext } from 'react';
 import { useForm } from 'react-hook-form';
 import { DirtyFormContext } from '../../../context/DirtyFormContext';
 import PasswordField from './FormFields/PasswordField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import css from './ChangePassword.module.css';
 
 export default function ChangePassword(props) {

FrontEnd/src/components/ProfilePage/FormComponents/ContactsInfo.jsx

@@ -8,7 +8,7 @@ import defineChanges from '../../../utils/defineChanges';
 import { formatPhoneNumber } from '../../../utils/formatPhoneNumber';
 import FullField from './FormFields/FullField';
 import HalfFormField from './FormFields/HalfFormField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import css from './FormComponents.module.css';
 import { useMask } from '@react-input/mask';
 

FrontEnd/src/components/ProfilePage/FormComponents/FormFields/PasswordField.jsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { PropTypes } from 'prop-types';
-import EyeInvisible from '../../../authorization/EyeInvisible';
-import EyeVisible from '../../../authorization/EyeVisible';
+import EyeInvisible from '../../../Authorization/EyeInvisible';
+import EyeVisible from '../../../Authorization/EyeVisible';
 import preventEnterSubmit from '../../../../utils/preventEnterSubmit';
 import css from './PasswordField.module.css';
 import { PASSWORD_PATTERN } from '../../../../constants/constants';

FrontEnd/src/components/ProfilePage/FormComponents/GeneralInfo.jsx

@@ -16,7 +16,7 @@ import HalfFormField from './FormFields/HalfFormField';
 import ImageField from './FormFields/ImageField';
 import MultipleSelectChip from './FormFields/MultipleSelectChip';
 import TextField from './FormFields/TextField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import validateEdrpou from '../../../utils/validateEdrpou';
 import validateRnokpp from '../../../utils/validateRnokpp';
 import BanerModeration from './BanerModeration';

FrontEnd/src/components/ProfilePage/FormComponents/ProductServiceInfo.jsx

@@ -7,7 +7,7 @@ import checkFormIsDirty from '../../../utils/checkFormIsDirty';
 import defineChanges from '../../../utils/defineChanges';
 import { useAuth, useProfile } from '../../../hooks';
 import TextField from './FormFields/TextField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import css from './FormComponents.module.css';
 
 const LABELS = {

FrontEnd/src/components/ProfilePage/FormComponents/StartupInfo.jsx

@@ -7,7 +7,7 @@ import checkFormIsDirty from '../../../utils/checkFormIsDirty';
 import defineChanges from '../../../utils/defineChanges';
 import { useAuth, useProfile } from '../../../hooks';
 import TextField from './FormFields/TextField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import css from './FormComponents.module.css';
 
 const LABELS = {

FrontEnd/src/components/ProfilePage/FormComponents/UserInfo.jsx

@@ -7,7 +7,7 @@ import { useAuth, useProfile } from '../../../hooks';
 import checkFormIsDirty from '../../../utils/checkFormIsDirty';
 import defineChanges from '../../../utils/defineChanges';
 import HalfFormField from './FormFields/HalfFormField';
-import Loader from '../../loader/Loader';
+import Loader from '../../Loader/Loader';
 import css from './FormComponents.module.css';
 
 const LABELS = {

FrontEnd/src/components/ProfilePage/ProfilePage.jsx

@@ -3,7 +3,7 @@ import Description from './ProfilePageComponents/Description';
 import ProfileContent from './ProfilePageComponents/ProfileContent';
 import { useState } from 'react';
 import BreadCrumbs from '../BreadCrumbs/BreadCrumbs';
-import Loader from '../loader/Loader';
+import Loader from '../Loader/Loader';
 import { useAuth, useProfile } from '../../hooks';
 
 const ProfilePage = () => {

FrontEnd/src/components/RestorePassword/components/restorepassword/RestorePasswordForm.jsx → FrontEnd/src/components/RestorePassword/Components/RestorePassword/RestorePasswordForm.jsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
-import { RestorePasswordFormContentComponent } from './restorepassword-form/RestorePasswordFormContent';
+import { RestorePasswordFormContentComponent } from './RestorePasswordForm/RestorePasswordFormContent';
 import styles from './RestorePasswordForm.module.css';
 
 

FrontEnd/src/components/RestorePassword/components/restorepassword/restorepassword-form/RestorePasswordFormContent.jsx → FrontEnd/src/components/RestorePassword/Components/RestorePassword/RestorePasswordForm/RestorePasswordFormContent.jsx

@@ -5,8 +5,8 @@ import { useNavigate } from 'react-router-dom';
 import { useParams } from 'react-router-dom';
 import { PropTypes } from 'prop-types';
 import { PASSWORD_PATTERN } from '../../../../../constants/constants';
-import EyeInvisible from '../../../../authorization/EyeInvisible';
-import EyeVisible from '../../../../authorization/EyeVisible';
+import EyeInvisible from '../../../../Authorization/EyeInvisible';
+import EyeVisible from '../../../../Authorization/EyeVisible';
 import styles from './RestorePasswordFormContent.module.css';
 
 export function RestorePasswordFormContentComponent({ setIsValid }) {

FrontEnd/src/components/RestorePassword/components/restorepassword/SendEmailForm.jsx → FrontEnd/src/components/RestorePassword/Components/RestorePassword/SendEmailForm.jsx

@@ -1,5 +1,5 @@
 import styles from './SendEmailForm.module.css';
-import { SendEmailRestorePasswordFormContentComponent } from './restorepassword-form/EmailFormContent';
+import { SendEmailRestorePasswordFormContentComponent } from './RestorePasswordForm/EmailFormContent';
 import { useState } from 'react';
 import { Link } from 'react-router-dom';
 

FrontEnd/src/components/RestorePassword/pages/RestorePasswordPage.jsx → FrontEnd/src/components/RestorePassword/Pages/RestorePasswordPage.jsx

@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
 import styles from './RestorePasswordPage.module.css';
-import { RestorePasswordFormComponent } from '../components/restorepassword/RestorePasswordForm';
+import { RestorePasswordFormComponent } from '../Components/RestorePassword/RestorePasswordForm';
 
 export function RestorePasswordPage() {
   return (

FrontEnd/src/components/RestorePassword/pages/SendEmailRestorePasswordPage.jsx → FrontEnd/src/components/RestorePassword/Pages/SendEmailRestorePasswordPage.jsx

@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
 import styles from './SendEmailRestorePassword.module.css';
-import { SendEmailRestorePasswordFormComponent } from '../components/restorepassword/SendEmailForm';
+import { SendEmailRestorePasswordFormComponent } from '../Components/RestorePassword/SendEmailForm';
 
 export function SendEmailRestorePasswordPage() {
   return (

FrontEnd/src/components/SearchPage/Search.jsx

@@ -2,7 +2,7 @@ import axios from 'axios';
 import { useState, useEffect } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import BreadCrumbs from '../BreadCrumbs/BreadCrumbs';
-import SearchResults from './search_field/SearchResults';
+import SearchResults from './SearchField/SearchResults';
 import link_to_left from './img/link_to_left.svg';
 import link_to_right from './img/link_to_right.svg';
 import styles from './search.module.css';

FrontEnd/src/tests/SearchResults.test.js → FrontEnd/src/components/SearchPage/SearchField/tests/SearchResults.test.js

@@ -1,7 +1,7 @@
 import { render, screen, cleanup } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 
-import SearchResults from '../components/SearchPage/search_field/SearchResults';
+import SearchResults from '../SearchResults';
 
 const mockedUser = {
   email: 'test@test.com',
@@ -10,7 +10,7 @@ const mockedUser = {
   profile_id: 1,
   surname: 'Test'
 };
-jest.mock('../hooks/useAuth', () => ({
+jest.mock('../../../../hooks/useAuth', () => ({
     useAuth: () => {
       return mockedUser;
   },

FrontEnd/src/tests/Search.test.js → FrontEnd/src/components/SearchPage/tests/Search.test.js

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import { MemoryRouter } from 'react-router-dom';
 
-import Search from '../components/SearchPage/Search';
+import Search from '../Search';
 
 afterEach(() => {
   jest.resetAllMocks();

FrontEnd/src/components/SignUp/components/signup/signup-form/SignUpFormContent.jsx

@@ -4,8 +4,8 @@ import { useNavigate } from 'react-router-dom';
 import { toast } from 'react-toastify';
 import axios from 'axios';
 import { Tooltip } from 'antd';
-import EyeInvisible from '../../../../authorization/EyeInvisible';
-import EyeVisible from '../../../../authorization/EyeVisible';
+import EyeInvisible from '../../../../Authorization/EyeInvisible';
+import EyeVisible from '../../../../Authorization/EyeVisible';
 import styles from './SignUpFormContent.module.css';
 import PropTypes from 'prop-types';
 import {

FrontEnd/src/components/SignUp/pages/ActivateProfilePage.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 import { useParams } from 'react-router-dom';
-import AuthorizationPage from '../../authorization/AuthorizationPage';
+import AuthorizationPage from '../../Authorization/AuthorizationPage';
 import styles from './ActivateProfileModal.module.css';
 
 export function ActivationProfilePage() {

FrontEnd/src/components/adminPage/AdminPage.jsx → FrontEnd/src/pages/AdminPage/AdminPage.jsx

@@ -1,17 +1,17 @@
 import { ToastContainer } from 'react-toastify';
 import './AdminGlobal.css';
-import Header from './header/Header';
-import Menu from './menu/Menu';
-import UserDetail from './detail-view/UserDetail';
-import UserTable from './table/UserTable';
-import ProfilesTable from './table/ProfilesTable';
-import ProfileDetail from './detail-view/ProfileDetail';
+import Header from './Header/Header';
+import Menu from './Menu/Menu';
+import UserDetail from './DetailView/UserDetail';
+import UserTable from './Table/UserTable';
+import ProfilesTable from './Table/ProfilesTable';
+import ProfileDetail from './DetailView/ProfileDetail';
 import css from './AdminPage.module.css';
 import { Routes, Route } from 'react-router-dom';
-import MainPage from './mainPage/MainPage';
+import MainPage from './MainPage/MainPage';
 import { useAuth } from '../../hooks';
-import Loader from '../loader/Loader';
-import AutoApproveDelay from './auto-approve-delay/AutoApproveDelay';
+import Loader from '../../components/Loader/Loader';
+import AutoApproveDelay from './AutoApproveDelay/AutoApproveDelay';
 
 function AdminPage() {
     const { isLoading, isAuth, isStaff } = useAuth();