I hate typescript

client/src/App.tsx

@@ -25,8 +25,9 @@ import Home from './pages/home/Home';
 import NotFound from './pages/not-found/NotFound';
 import Profile from './pages/profile/Profile';
 import './scss/styles.scss';
-import { PageEnum, RoleEnum } from './types';
 import { AdminPageEnum } from './types/enums/AdminPageEnum';
+import { PageEnum } from './types/enums/PageEnum';
+import { RoleEnum } from './types/enums/RoleEnum';
 
 function App() {
   return (

client/src/components/alert/Alert.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useErrorContext } from '../../contexts/ErrorContext';
-import { AlertTypeEnum } from '../../types';
+import { AlertTypeEnum } from '../../types/enums/AlertTypeEnum';
 import './Alert.scss';
 
 interface IParentAlertProps {

client/src/components/auth/protected-route/ProtectedRoute.tsx

@@ -1,7 +1,8 @@
 import { useCallback } from 'react';
 import { Navigate, Outlet, To, useLocation } from 'react-router-dom';
 import { useAuthContext } from '../../../contexts/AuthContext';
-import { PageEnum, RoleEnum } from '../../../types';
+import { PageEnum } from '../../../types/enums/PageEnum';
+import { RoleEnum } from '../../../types/enums/RoleEnum';
 
 type ProtectedRouteProps = {
   role: RoleEnum | null;

client/src/components/breadcrumb/Breadcrumb.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import { PageEnum } from '../../types';
+import { PageEnum } from '../../types/enums/PageEnum';
 
 interface BreadcrumbProps {
   pageName: string;

client/src/components/http-provider/HttpProvider.tsx

@@ -3,8 +3,9 @@ import { CachePolicies, CustomOptions, Provider, useFetch } from 'use-http';
 import { authPaths } from '../../config/api';
 import { useAuthContext } from '../../contexts/AuthContext';
 import { useErrorContext } from '../../contexts/ErrorContext';
-import { IUser } from '../../types';
-import { initialAuth, isJwtExpired } from '../../utils';
+import { IUser } from '../../types/interfaces/auth/IUser';
+import { initialAuth } from '../../utils/auth';
+import { isJwtExpired } from '../../utils/jwt';
 
 // The component that is responsible for the useFetch hook options
 export default function HttpProvider({ children }: PropsWithChildren) {

client/src/components/navbar/Navbar.tsx

@@ -1,7 +1,8 @@
 import { Link, useLocation } from 'react-router-dom';
 import { useAuthContext } from '../../contexts/AuthContext';
-import { PageEnum, RoleEnum } from '../../types';
 import { AdminPageEnum } from '../../types/enums/AdminPageEnum';
+import { PageEnum } from '../../types/enums/PageEnum';
+import { RoleEnum } from '../../types/enums/RoleEnum';
 import profileUserIcon from './img/profile-user-icon.png';
 import NavItem from './nav-item/NavItem';
 

client/src/config/api/events.ts

@@ -1,4 +1,4 @@
-import { EventsFilterEnum } from '../../types';
+import { EventsFilterEnum } from '../../types/enums/EventsFilterEnum';
 import { baseApiUrl } from './base';
 
 const base = `${baseApiUrl}/events`;

client/src/contexts/AuthContext.tsx

@@ -1,7 +1,11 @@
 import { PropsWithChildren, createContext, useContext } from 'react';
 import { useLocalStorage } from '../hooks/useLocalStorage';
-import { IAuthResponse, IAuthStorage, IUser, RoleEnum } from '../types';
-import { deleteJwtCookie, deleteRefreshCookie, isJwtExpired } from '../utils';
+import { RoleEnum } from '../types/enums/RoleEnum';
+import { IAuthResponse } from '../types/interfaces/auth/IAuthResponse';
+import { IAuthStorage } from '../types/interfaces/auth/IAuthStorage';
+import { IUser } from '../types/interfaces/auth/IUser';
+import { deleteJwtCookie, deleteRefreshCookie } from '../utils/cookies';
+import { isJwtExpired } from '../utils/jwt';
 
 type AuthContextType = {
   user: Partial<IAuthStorage>;

client/src/contexts/ErrorContext.tsx

@@ -6,7 +6,8 @@ import {
   useState,
 } from 'react';
 import { v4 as uuidV4 } from 'uuid';
-import { AlertTypeEnum, IError } from '../types';
+import { AlertTypeEnum } from '../types/enums/AlertTypeEnum';
+import { IError } from '../types/interfaces/common/IError';
 
 const ErrorContext = createContext<null | ErrorContextType>(null);
 const maxErrors = 3;

client/src/hooks/useAuthenticate.ts

@@ -2,8 +2,8 @@ import { useEffect } from 'react';
 import { useFetch } from 'use-http';
 import { authPaths } from '../config/api';
 import { useAuthContext } from '../contexts/AuthContext';
-import { IAuthResponse } from '../types';
-import { initialAuth } from '../utils';
+import { IAuthResponse } from '../types/interfaces/auth/IAuthResponse';
+import { initialAuth } from '../utils/auth';
 
 // The hook that authenticates our user
 export default function useAuthenticate(shouldLogoutUser: boolean = true) {

client/src/hooks/usePagination.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import * as paginationUtils from '../utils';
+import * as paginationUtils from '../utils/page';
 
 type TogglePageFunction = (page: number) => void;
 type SwitchPageFunction = () => void;

client/src/pages/admin/Admin.tsx

@@ -2,7 +2,8 @@ import { useMemo } from 'react';
 import { Navigate, Outlet } from 'react-router-dom';
 import Spinner from '../../components/spinner/Spinner';
 import useAuthenticate from '../../hooks/useAuthenticate';
-import { PageEnum, RoleEnum } from '../../types';
+import { PageEnum } from '../../types/enums/PageEnum';
+import { RoleEnum } from '../../types/enums/RoleEnum';
 
 // The component that decides if the user can access the admin panel
 export default function Admin() {

client/src/pages/admin/admin-edit-form/admin-edit-form-row/AdminEditFormRow.tsx

@@ -1,4 +1,4 @@
-import { camelCaseToWords, capitalizeWord } from '../../../../utils';
+import { camelCaseToWords, capitalizeWord } from '../../../../utils/string';
 
 interface AdminEditFormRowProps {
   columnName: string;

client/src/pages/admin/admin-table/AdminTable.tsx

@@ -3,7 +3,7 @@ import { SubmitHandler } from 'react-hook-form';
 import { v4 as uuidV4 } from 'uuid';
 import { usePagination } from '../../../hooks/usePagination';
 import { IObjectWithId } from '../../../types/interfaces/common/IObjectWithId';
-import { camelCaseToWords } from '../../../utils';
+import { camelCaseToWords } from '../../../utils/string';
 import AdminEditForm, {
   OnCreateFunction,
   OnUpdateFunction,

client/src/pages/auth/finish-register/FinishRegister.tsx

@@ -12,7 +12,10 @@ import { OAuthPaths, skillsPaths } from '../../../config/api';
 import { useAuthContext } from '../../../contexts/AuthContext';
 import { useErrorContext } from '../../../contexts/ErrorContext';
 import useValidators from '../../../hooks/useValidator';
-import { IAuthResponse, ISkill, PageEnum, RoleEnum } from '../../../types';
+import { PageEnum } from '../../../types/enums/PageEnum';
+import { RoleEnum } from '../../../types/enums/RoleEnum';
+import { IAuthResponse } from '../../../types/interfaces/auth/IAuthResponse';
+import { ISkill } from '../../../types/interfaces/skills/ISkill';
 import '../styles/Register.scss';
 
 type Inputs = {
@@ -40,8 +43,6 @@ function FinishRegister() {
     register,
     reset,
     watch,
-    setError,
-    clearErrors,
     setValue,
     formState: { errors },
   } = useForm<Inputs>({
@@ -60,8 +61,6 @@ function FinishRegister() {
     mode: 'onChange',
   });
 
-  const formValues = watch();
-
   const { data: skills } = useFetch<ISkill[]>(
     skillsPaths.getAll,
     {

client/src/pages/auth/login/Login.tsx

@@ -6,7 +6,8 @@ import { authPaths, OAuthPaths } from '../../../config/api';
 import { useAuthContext } from '../../../contexts/AuthContext';
 import useUrlSearchParam from '../../../hooks/useURLSearchParam';
 import useValidators from '../../../hooks/useValidator';
-import { IAuthResponse, PageEnum } from '../../../types';
+import { PageEnum } from '../../../types/enums/PageEnum';
+import { IAuthResponse } from '../../../types/interfaces/auth/IAuthResponse';
 
 type Inputs = {
   Email: string;

client/src/pages/auth/logout/Logout.tsx

@@ -4,7 +4,7 @@ import { useFetch } from 'use-http';
 import Spinner from '../../../components/spinner/Spinner';
 import { authPaths } from '../../../config/api';
 import { useAuthContext } from '../../../contexts/AuthContext';
-import { PageEnum } from '../../../types';
+import { PageEnum } from '../../../types/enums/PageEnum';
 
 // The component used to handle logout
 export default function Logout() {

client/src/pages/auth/register/Register.tsx

@@ -10,7 +10,10 @@ import SkillsSelect, {
 import { authPaths, OAuthPaths, skillsPaths } from '../../../config/api';
 import { useErrorContext } from '../../../contexts/ErrorContext';
 import useValidators from '../../../hooks/useValidator';
-import { AlertTypeEnum, IAuthResponse, ISkill, RoleEnum } from '../../../types';
+import { AlertTypeEnum } from '../../../types/enums/AlertTypeEnum';
+import { RoleEnum } from '../../../types/enums/RoleEnum';
+import { IAuthResponse } from '../../../types/interfaces/auth/IAuthResponse';
+import { ISkill } from '../../../types/interfaces/skills/ISkill';
 import '../styles/Register.scss';
 
 type Inputs = {

client/src/pages/chat/Chat.tsx

@@ -4,7 +4,9 @@ import { useFetch } from 'use-http';
 import Spinner from '../../components/spinner/Spinner';
 import { messagesPaths, usersPaths } from '../../config/api';
 import { useAuthContext } from '../../contexts/AuthContext';
-import { IFullUser, IMessage, PageEnum } from '../../types';
+import { PageEnum } from '../../types/enums/PageEnum';
+import { IFullUser } from '../../types/interfaces/auth/IFullUser';
+import { IMessage } from '../../types/interfaces/chat/IMessage';
 import './Chat.css';
 import ChatLeftMessage from './chat-left-message/ChatLeftMessage';
 import ChatRightMessage from './chat-right-message/ChatRightMessage';

client/src/pages/events-create/EventsCreate.tsx

@@ -10,8 +10,10 @@ import SkillsSelect, {
 } from '../../components/skills-select/SkillsSelect';
 import { eventsPaths, filesPaths, skillsPaths } from '../../config/api';
 import useValidators from '../../hooks/useValidator';
-import { IFile, ISkill, PageEnum } from '../../types';
+import { PageEnum } from '../../types/enums/PageEnum';
+import { IFile } from '../../types/interfaces/common/IFile';
 import { IEvent } from '../../types/interfaces/events/IEvent';
+import { ISkill } from '../../types/interfaces/skills/ISkill';
 
 type Inputs = {
   Name: string;

client/src/pages/events-details/EventsDetails.tsx

@@ -7,7 +7,7 @@ import {
   userEventStatusesPaths,
 } from '../../config/api';
 import { useAuthContext } from '../../contexts/AuthContext';
-import { IUser } from '../../types';
+import { IUser } from '../../types/interfaces/auth/IUser';
 import { IEvent } from '../../types/interfaces/events/IEvent';
 
 const CHARACTER_DESCRIPTION_THRESHOLD = 60;

client/src/pages/events/Events.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { CachePolicies, useFetch } from 'use-http';
 import Spinner from '../../components/spinner/Spinner';
 import { eventsPaths } from '../../config/api';
-import { EventsFilterEnum } from '../../types';
+import { EventsFilterEnum } from '../../types/enums/EventsFilterEnum';
 import { IEvent } from '../../types/interfaces/events/IEvent';
 import EventsBreadcrumb from './events-breadcrumb/EventsBreadcrumb';
 import EventsItem from './events-item/EventsItem';

client/src/pages/events/events-item/EventsItem.tsx

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 import { useFetch } from 'use-http';
 import { eventsPaths, filesPaths } from '../../../config/api';
 import { useAuthContext } from '../../../contexts/AuthContext';
-import { PageEnum } from '../../../types';
+import { PageEnum } from '../../../types/enums/PageEnum';
 import { IEvent } from '../../../types/interfaces/events/IEvent';
 
 export interface EventsItemProps extends IEvent {}

client/src/pages/home/home-hero/HomeHero.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import { PageEnum } from '../../../types';
+import { PageEnum } from '../../../types/enums/PageEnum';
 import carousel1 from './img/carousel-1.jpg';
 
 function HomeHero() {

client/src/pages/home/home-how-to-start/HomeHowToStart.tsx

@@ -1,3 +1,5 @@
+import { Link } from 'react-router-dom';
+import { PageEnum } from '../../../types/enums/PageEnum';
 import about1 from './img/about-1.jpg';
 import about2 from './img/about-2.jpg';
 import about3 from './img/about-3.jpg';
@@ -53,9 +55,11 @@ function HomeHowToStart() {
               <i className="fa fa-check text-primary me-3" />
               Clita duo justo magna dolore erat amet
             </p>
-            <a className="btn btn-primary py-3 px-5 mt-3" href="">
+            <Link
+              to={PageEnum.Events}
+              className="btn btn-primary py-3 px-5 mt-3">
               Read More
-            </a>
+            </Link>
           </div>
         </div>
       </div>

client/src/pages/not-found/NotFound.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import { PageEnum } from '../../types';
+import { PageEnum } from '../../types/enums/PageEnum';
 
 function NotFound() {
   return (

client/src/pages/profile/Profile.tsx

@@ -5,7 +5,9 @@ import Spinner from '../../components/spinner/Spinner';
 import { usersPaths } from '../../config/api';
 import { friendsPaths } from '../../config/api/friends';
 import { useAuthContext } from '../../contexts/AuthContext';
-import { IFullUser, IUserFriend, PageEnum } from '../../types';
+import { PageEnum } from '../../types/enums/PageEnum';
+import { IFullUser } from '../../types/interfaces/auth/IFullUser';
+import { IUserFriend } from '../../types/interfaces/profile/IUserFriend';
 import './Profile.scss';
 import ProfileFriendRequests from './profile-friend-requests/ProfileFriendRequests';
 import ProfileFriends from './profile-friends/ProfileFriends';

client/src/pages/profile/profile-friend-requests/ProfileFriendRequests.tsx

@@ -1,6 +1,7 @@
 import { useFetch } from 'use-http';
 import { friendsPaths } from '../../../config/api/friends';
-import { IFullUser, IUserFriend } from '../../../types';
+import { IFullUser } from '../../../types/interfaces/auth/IFullUser';
+import { IUserFriend } from '../../../types/interfaces/profile/IUserFriend';
 import ProfileFriendRequest from './profile-friend-request/ProfileFriendRequest';
 
 interface ProfileFriendRequestsProps {

client/src/pages/profile/profile-friend-requests/profile-friend-request/ProfileFriendRequest.tsx

@@ -1,7 +1,8 @@
 import { Link } from 'react-router-dom';
 import { useFetch } from 'use-http';
 import { friendsPaths } from '../../../../config/api/friends';
-import { IFullUser, PageEnum } from '../../../../types';
+import { PageEnum } from '../../../../types/enums/PageEnum';
+import { IFullUser } from '../../../../types/interfaces/auth/IFullUser';
 
 interface ProfileFriendRequestProps {
   requester: IFullUser;

client/src/pages/profile/profile-friends/ProfileFriends.tsx

@@ -1,4 +1,4 @@
-import { IFullUser } from '../../../types';
+import { IFullUser } from '../../../types/interfaces/auth/IFullUser';
 import ProfileFriend from './profile-friend/ProfileFriend';
 
 interface ProfileFriendsProps {

client/src/pages/profile/profile-friends/profile-friend/ProfileFriend.tsx

@@ -1,7 +1,8 @@
 import { Link } from 'react-router-dom';
 import { useFetch } from 'use-http';
 import { friendsPaths } from '../../../../config/api/friends';
-import { IFullUser, PageEnum } from '../../../../types';
+import { PageEnum } from '../../../../types/enums/PageEnum';
+import { IFullUser } from '../../../../types/interfaces/auth/IFullUser';
 
 interface ProfileFriendProps {
   friend: IFullUser;