Organize imports

Author: MrBartusek

apps/client/src/components/App.tsx

@@ -1,7 +1,7 @@
+import { useState } from 'react';
+import { Toaster } from 'react-hot-toast';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import StockedUp from './StockedUp';
-import { Toaster } from 'react-hot-toast';
-import { useState } from 'react';
 
 function App() {
 	const [queryClient] = useState(() => new QueryClient());

apps/client/src/components/Entity/EntityDeleteDialog.tsx

@@ -1,17 +1,17 @@
 import { useState } from 'react';
+import { useForm } from 'react-hook-form';
 import toast from 'react-hot-toast';
 import { BsTrash } from 'react-icons/bs';
 import { useQueryClient } from 'react-query';
 import { useNavigate } from 'react-router-dom';
 import placeholderImage from '../../assets/placeholder.png';
 import { Utils } from '../../utils';
 import Button from '../Button';
-import FormError from '../Form/FormError';
-import IconButton from '../IconButton';
-import { useForm } from 'react-hook-form';
 import Form from '../Form/Form';
+import FormError from '../Form/FormError';
 import FormField from '../Form/FormField';
 import FormInput from '../Form/FormInput';
+import IconButton from '../IconButton';
 
 export interface EntityDeleteDialogProps {
 	entityName: string;

apps/client/src/components/IconButton.tsx

@@ -1,7 +1,6 @@
 import classNames from 'classnames';
 import React from 'react';
 import { IconType } from 'react-icons';
-import { BsPlusCircle } from 'react-icons/bs';
 import Button, { ButtonProps } from './Button';
 
 export interface IconButtonProps extends ButtonProps {

apps/client/src/components/Layout/Navbar.tsx

@@ -1,10 +1,10 @@
+import { useContext } from 'react';
 import { BsArrowRight } from 'react-icons/bs';
 import { Link } from 'react-router-dom';
 import Button from '../Button';
 import Container from '../Container';
-import StockedUpLogo from '../StockedUpLogo';
-import { useContext } from 'react';
 import { UserContext } from '../Context/UserContext';
+import StockedUpLogo from '../StockedUpLogo';
 
 function Navbar() {
 	const { isAuthenticated, user } = useContext(UserContext);

apps/client/src/components/Product/ProductCreateForm.tsx

@@ -6,12 +6,12 @@ import { CreateProductDto, ProductDto } from 'shared-types';
 import { Utils } from '../../utils';
 import { CurrentAppContext } from '../Context/CurrentAppContext';
 import Form from '../Form/Form';
+import FormCurrencyInput from '../Form/FormCurrencyInput';
 import FormError from '../Form/FormError';
 import FormField from '../Form/FormField';
-import FormSubmitButton from '../Form/FormSubmitButton';
 import FromInput from '../Form/FormInput';
+import FormSubmitButton from '../Form/FormSubmitButton';
 import FormTextArea from '../Form/FormTextArea';
-import FormCurrencyInput from '../Form/FormCurrencyInput';
 
 type Inputs = {
 	name: string;

apps/client/src/components/Product/ProductEntityInfo.tsx

@@ -1,18 +1,18 @@
+import { useContext } from 'react';
+import { BsPencil, BsTrash } from 'react-icons/bs';
+import { Link } from 'react-router-dom';
 import { ProductDto } from 'shared-types';
+import { Utils } from '../../utils';
+import { CurrentAppContext } from '../Context/CurrentAppContext';
+import EntityActionsRow from '../Entity/EntityActionsRow';
 import EntityContainer from '../Entity/EntityContainer';
 import EntityImageColumn from '../Entity/EntityImageColumn';
+import EntityInfoTable from '../Entity/EntityInfoTable';
 import HeaderWithHint from '../HeaderWithHint';
 import Blockquote from '../Helpers/Blockquote';
-import EntityInfoTable from '../Entity/EntityInfoTable';
-import { useContext } from 'react';
-import { CurrentAppContext } from '../Context/CurrentAppContext';
-import { Utils } from '../../utils';
-import ProductInventoryPeek from './ProductInventoryPeek';
-import EntityActionsRow from '../Entity/EntityActionsRow';
-import ProductAddToInventoryButton from './ProductAddToInventoryButton';
 import IconButton from '../IconButton';
-import { BsPencil, BsTrash } from 'react-icons/bs';
-import { Link } from 'react-router-dom';
+import ProductAddToInventoryButton from './ProductAddToInventoryButton';
+import ProductInventoryPeek from './ProductInventoryPeek';
 
 export interface ProductEntityInfoProps {
 	product: ProductDto;

apps/client/src/components/Product/ProductsTable.tsx

@@ -6,8 +6,8 @@ import placeholderImage from '../../assets/placeholder.png';
 import { Utils } from '../../utils';
 import { CurrentAppContext } from '../Context/CurrentAppContext';
 import Table from '../Helpers/Table';
-import ProductActions from './ProductActions';
 import TableImage from '../TableImage';
+import ProductActions from './ProductActions';
 
 const columnHelper = createColumnHelper<BasicProductDto>();
 

apps/client/src/components/RegisterForm.tsx

@@ -5,10 +5,10 @@ import { BsEnvelopeAt, BsPerson, BsShieldLock } from 'react-icons/bs';
 import { useNavigate } from 'react-router-dom';
 import { UserLoginDto, UserRegisterDto } from 'shared-types';
 import { Utils } from '../utils';
-import Alert from './Helpers/Alert';
 import Button from './Button';
 import { UserContext } from './Context/UserContext';
 import FancyInput from './Form/FancyInput';
+import Alert from './Helpers/Alert';
 import RegisterGoBack from './RegisterGoBack';
 
 type Inputs = {

apps/client/src/components/Router.tsx

@@ -6,22 +6,27 @@ import DashboardHomePage from './Pages/DashboardHomePage';
 import DashboardPage from './Pages/DashboardPage';
 import HomePage from './Pages/HomePage';
 import InventoryAddPage from './Pages/Inventory/InventoryAddPage';
+import InventoryDeletePage from './Pages/Inventory/InventoryDeletePage';
 import InventoryListPage from './Pages/Inventory/InventoryListPage';
 import InventoryManagementPage from './Pages/Inventory/InventoryManagementPage';
 import InventoryUpdatePage from './Pages/Inventory/InventoryUpdatePage';
 import InventoryViewPage from './Pages/Inventory/InventoryViewPage';
 import OrganizationViewPage from './Pages/Inventory/OrganizationViewPage';
 import LoginPage from './Pages/LoginPage';
 import OrganizationCreatePage from './Pages/Organization/OrganizationCreatePage';
+import OrganizationDeletePage from './Pages/Organization/OrganizationDeletePage';
 import OrganizationSelectPage from './Pages/Organization/OrganizationSelectPage';
 import OrganizationSettingsPage from './Pages/Organization/OrganizationSettingsPage';
+import OrganizationUpdatePage from './Pages/Organization/OrganizationUpdatePage';
+import ProductDeletePage from './Pages/Product/ProductDeletePage';
 import ProductUpdatePage from './Pages/Product/ProductUpdatePage';
 import ProductViewPage from './Pages/Product/ProductViewPage';
 import ProductsCreatePage from './Pages/Product/ProductsCreatePage';
 import ProductsListPage from './Pages/Product/ProductsListPage';
 import ProductsPage from './Pages/Product/ProductsPage';
 import RegisterPage from './Pages/RegisterPage';
 import UnderConstructionPage from './Pages/UnderConstructionPage';
+import WarehouseDeletePage from './Pages/Warehouse/WarehouseDeletePage';
 import WarehouseUpdatePage from './Pages/Warehouse/WarehouseUpdatePage';
 import WarehouseViewPage from './Pages/Warehouse/WarehouseViewPage';
 import WarehousesCreatePage from './Pages/Warehouse/WarehousesCreatePage';
@@ -30,11 +35,6 @@ import WarehousesPage from './Pages/Warehouse/WarehousesPage';
 import RegisterForm from './RegisterForm';
 import RegisterSelect from './RegisterSelect';
 import { ProtectedRoute, PublicRoute } from './SpecialRoutes';
-import OrganizationUpdatePage from './Pages/Organization/OrganizationUpdatePage';
-import ProductDeletePage from './Pages/Product/ProductDeletePage';
-import WarehouseDeletePage from './Pages/Warehouse/WarehouseDeletePage';
-import InventoryDeletePage from './Pages/Inventory/InventoryDeletePage';
-import OrganizationDeletePage from './Pages/Organization/OrganizationDeletePage';
 
 function Router() {
 	const router = createBrowserRouter([