organize imports

src/frontend/src/components/details/Details.tsx

@@ -1,10 +1,9 @@
-import { Trans, t } from '@lingui/macro';
+import { t } from '@lingui/macro';
 import {
   ActionIcon,
   Anchor,
   Badge,
   CopyButton,
-  Group,
   Paper,
   Skeleton,
   Stack,

src/frontend/src/components/details/ItemDetails.tsx

@@ -1,8 +1,6 @@
 import { Paper, SimpleGrid } from '@mantine/core';
 import React from 'react';
 
-import { DetailImageButtonProps } from './DetailsImage';
-
 export function ItemDetailsGrid(props: React.PropsWithChildren<{}>) {
   return (
     <Paper p="xs">

src/frontend/src/components/editors/TemplateEditor/TemplateEditor.tsx

@@ -14,7 +14,6 @@ import {
   IconAlertTriangle,
   IconDeviceFloppy,
   IconExclamationCircle,
-  IconProps,
   IconRefresh
 } from '@tabler/icons-react';
 import Split from '@uiw/react-split';

src/frontend/src/components/forms/ApiForm.tsx

@@ -1,17 +1,19 @@
 import { t } from '@lingui/macro';
 import {
   Alert,
+  Button,
   DefaultMantineColor,
+  Divider,
+  Group,
   LoadingOverlay,
   Paper,
+  Stack,
   Text
 } from '@mantine/core';
-import { Button, Divider, Group, Stack } from '@mantine/core';
 import { useId } from '@mantine/hooks';
 import { notifications } from '@mantine/notifications';
 import { useQuery } from '@tanstack/react-query';
-import { useCallback, useEffect, useMemo, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useState } from 'react';
 import {
   FieldValues,
   FormProvider,

src/frontend/src/components/forms/fields/ApiFormField.tsx

@@ -10,8 +10,7 @@ import {
 import { UseFormReturnType } from '@mantine/form';
 import { useId } from '@mantine/hooks';
 import { IconX } from '@tabler/icons-react';
-import { ReactNode, useCallback, useEffect } from 'react';
+import { ReactNode, useCallback, useEffect, useMemo } from 'react';
-import { useMemo } from 'react';
 import { Control, FieldValues, useController } from 'react-hook-form';
 
 import { ModelType } from '../../../enums/ModelType';

src/frontend/src/components/forms/fields/ChoiceField.tsx

@@ -1,7 +1,6 @@
 import { Select } from '@mantine/core';
 import { useId } from '@mantine/hooks';
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
-import { useMemo } from 'react';
 import { FieldValues, UseControllerReturn } from 'react-hook-form';
 
 import { ApiFormFieldType } from './ApiFormField';

src/frontend/src/components/forms/fields/RelatedModelField.tsx

@@ -1,7 +1,6 @@
 import { t } from '@lingui/macro';
 import { Input, darken, useMantineTheme } from '@mantine/core';
-import { useColorScheme, useDebouncedValue } from '@mantine/hooks';
+import { useColorScheme, useDebouncedValue, useId } from '@mantine/hooks';
-import { useId } from '@mantine/hooks';
 import { useQuery } from '@tanstack/react-query';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {

src/frontend/src/components/images/Thumbnail.tsx

@@ -1,7 +1,5 @@
 import { t } from '@lingui/macro';
-import { Anchor, Skeleton } from '@mantine/core';
+import { Anchor, Group, Skeleton, Text } from '@mantine/core';
-import { Group } from '@mantine/core';
-import { Text } from '@mantine/core';
 import { ReactNode, useMemo } from 'react';
 
 import { ApiImage } from './ApiImage';

src/frontend/src/components/items/AttachmentLink.tsx

@@ -1,12 +1,13 @@
-import { Anchor, Group, Text } from '@mantine/core';
+import { Anchor, Group } from '@mantine/core';
-import { IconLink, IconPhoto } from '@tabler/icons-react';
 import {
   IconFile,
   IconFileTypeCsv,
   IconFileTypeDoc,
   IconFileTypePdf,
   IconFileTypeXls,
-  IconFileTypeZip
+  IconFileTypeZip,
+  IconLink,
+  IconPhoto
 } from '@tabler/icons-react';
 import { ReactNode } from 'react';
 

src/frontend/src/components/nav/Header.tsx

@@ -3,7 +3,7 @@ import { useDisclosure } from '@mantine/hooks';
 import { IconBell, IconSearch } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
 import { useEffect, useState } from 'react';
-import { useMatch, useNavigate, useParams } from 'react-router-dom';
+import { useMatch, useNavigate } from 'react-router-dom';
 
 import { api } from '../../App';
 import { navTabs as mainNavTabs } from '../../defaults/links';

src/frontend/src/components/nav/NotificationDrawer.tsx

@@ -4,15 +4,16 @@ import {
   Alert,
   Divider,
   Drawer,
+  Group,
   LoadingOverlay,
   Space,
+  Stack,
+  Text,
   Tooltip
 } from '@mantine/core';
-import { Group, Stack, Text } from '@mantine/core';
 import { IconBellCheck, IconBellPlus } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
-import { useNavigate } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
-import { Link } from 'react-router-dom';
 
 import { api } from '../../App';
 import { ApiEndpoints } from '../../enums/ApiEndpoints';

src/frontend/src/components/nav/PageDetail.tsx

@@ -1,7 +1,6 @@
 import { Group, Paper, Space, Stack, Text } from '@mantine/core';
 import { Fragment, ReactNode } from 'react';
 
-import DetailsBadge, { DetailsBadgeProps } from '../details/DetailsBadge';
 import { ApiImage } from '../images/ApiImage';
 import { StylishText } from '../items/StylishText';
 import { Breadcrumb, BreadcrumbList } from './BreadcrumbList';

src/frontend/src/components/nav/PanelGroup.tsx

@@ -10,8 +10,7 @@ import {
   IconLayoutSidebarLeftCollapse,
   IconLayoutSidebarRightCollapse
 } from '@tabler/icons-react';
-import { ReactNode, useMemo } from 'react';
+import { ReactNode, useEffect, useMemo, useState } from 'react';
-import { useEffect, useState } from 'react';
 import {
   Navigate,
   Route,

src/frontend/src/components/nav/SearchDrawer.tsx

@@ -8,6 +8,7 @@ import {
   Divider,
   Drawer,
   Group,
+  Loader,
   Menu,
   Paper,
   Space,
@@ -15,7 +16,6 @@ import {
   Text,
   TextInput
 } from '@mantine/core';
-import { Loader } from '@mantine/core';
 import { useDebouncedValue } from '@mantine/hooks';
 import {
   IconAlertCircle,

src/frontend/src/components/render/Instance.tsx

@@ -1,6 +1,5 @@
 import { t } from '@lingui/macro';
-import { Alert, Space } from '@mantine/core';
+import { Alert, Group, Space, Text } from '@mantine/core';
-import { Group, Text } from '@mantine/core';
 import { ReactNode } from 'react';
 
 import { ModelType } from '../../enums/ModelType';

src/frontend/src/components/widgets/MarkdownEditor.tsx

@@ -2,8 +2,7 @@ import { t } from '@lingui/macro';
 import { showNotification } from '@mantine/notifications';
 import EasyMDE from 'easymde';
 import 'easymde/dist/easymde.min.css';
-import { ReactNode, useCallback, useMemo } from 'react';
+import { ReactNode, useCallback, useMemo, useState } from 'react';
-import { useState } from 'react';
 import SimpleMDE from 'react-simplemde-editor';
 
 import { api } from '../../App';

src/frontend/src/functions/icons.tsx

@@ -1,5 +1,7 @@
 import {
+  Icon,
   Icon123,
+  IconArrowBigDownLineFilled,
   IconArrowMerge,
   IconBinaryTree2,
   IconBookmarks,
@@ -9,7 +11,7 @@ import {
   IconBuildingStore,
   IconCalendar,
   IconCalendarStats,
-  IconCategory,
+  IconCalendarTime,
   IconCheck,
   IconCircleMinus,
   IconCirclePlus,
@@ -20,13 +22,14 @@ import {
   IconCornerUpRightDouble,
   IconCurrencyDollar,
   IconDots,
-  IconDotsCircleHorizontal,
   IconExternalLink,
   IconFileUpload,
+  IconFlag,
   IconFlagShare,
   IconGitBranch,
   IconGridDots,
   IconHash,
+  IconInfoCircle,
   IconLayersLinked,
   IconLink,
   IconList,
@@ -45,12 +48,15 @@ import {
   IconPhoto,
   IconPrinter,
   IconProgressCheck,
+  IconProps,
   IconQrcode,
   IconQuestionMark,
   IconRulerMeasure,
   IconShoppingCart,
   IconShoppingCartHeart,
+  IconShoppingCartPlus,
   IconSitemap,
+  IconSquareXFilled,
   IconStack2,
   IconStatusChange,
   IconTag,
@@ -61,6 +67,7 @@ import {
   IconTrash,
   IconTruck,
   IconTruckDelivery,
+  IconTruckReturn,
   IconUnlink,
   IconUser,
   IconUserStar,
@@ -70,14 +77,6 @@ import {
   IconWorldCode,
   IconX
 } from '@tabler/icons-react';
-import { IconFlag } from '@tabler/icons-react';
-import { IconSquareXFilled } from '@tabler/icons-react';
-import { IconShoppingCartPlus } from '@tabler/icons-react';
-import { IconArrowBigDownLineFilled } from '@tabler/icons-react';
-import { IconTruckReturn } from '@tabler/icons-react';
-import { IconInfoCircle } from '@tabler/icons-react';
-import { IconCalendarTime } from '@tabler/icons-react';
-import { Icon, IconProps } from '@tabler/icons-react';
 import React from 'react';
 
 const icons = {

src/frontend/src/pages/Index/Playground.tsx

@@ -1,7 +1,13 @@
 import { Trans } from '@lingui/macro';
-import { Button, Card, Stack, TextInput } from '@mantine/core';
+import {
-import { Group, Text } from '@mantine/core';
+  Accordion,
-import { Accordion } from '@mantine/core';
+  Button,
+  Card,
+  Group,
+  Stack,
+  Text,
+  TextInput
+} from '@mantine/core';
 import { SpotlightActionData } from '@mantine/spotlight';
 import { IconAlien } from '@tabler/icons-react';
 import { ReactNode, useMemo, useState } from 'react';

src/frontend/src/pages/Index/Scan.tsx

@@ -1,8 +1,10 @@
 import { Trans, t } from '@lingui/macro';
 import {
   ActionIcon,
+  Badge,
   Button,
   Checkbox,
+  Container,
   Grid,
   Group,
   ScrollArea,
@@ -14,15 +16,14 @@ import {
   TextInput,
   rem
 } from '@mantine/core';
-import { Badge, Container } from '@mantine/core';
 import {
   getHotkeyHandler,
   randomId,
+  useDocumentVisibility,
   useFullscreen,
   useListState,
   useLocalStorage
 } from '@mantine/hooks';
-import { useDocumentVisibility } from '@mantine/hooks';
 import { showNotification } from '@mantine/notifications';
 import {
   IconAlertCircle,
@@ -35,9 +36,9 @@ import {
   IconPlus,
   IconQuestionMark,
   IconSearch,
-  IconTrash
+  IconTrash,
+  IconX
 } from '@tabler/icons-react';
-import { IconX } from '@tabler/icons-react';
 import { Html5Qrcode } from 'html5-qrcode';
 import { CameraDevice } from 'html5-qrcode/camera/core';
 import { useEffect, useState } from 'react';

src/frontend/src/pages/Index/Settings/SystemSettings.tsx

@@ -19,7 +19,6 @@ import {
 } from '@tabler/icons-react';
 import { useMemo } from 'react';
 
-import { StylishText } from '../../../components/items/StylishText';
 import { PanelGroup, PanelType } from '../../../components/nav/PanelGroup';
 import { SettingsHeader } from '../../../components/nav/SettingsHeader';
 import { GlobalSettingList } from '../../../components/settings/SettingList';

src/frontend/src/pages/build/BuildDetail.tsx

@@ -36,7 +36,6 @@ import { ApiEndpoints } from '../../enums/ApiEndpoints';
 import { ModelType } from '../../enums/ModelType';
 import { UserRoles } from '../../enums/Roles';
 import { buildOrderFields } from '../../forms/BuildForms';
-import { partCategoryFields } from '../../forms/PartForms';
 import { useEditApiFormModal } from '../../hooks/UseForm';
 import { useInstance } from '../../hooks/UseInstance';
 import { apiUrl } from '../../states/ApiState';

src/frontend/src/pages/company/CompanyDetail.tsx

@@ -28,8 +28,7 @@ import {
 } from '../../components/items/ActionDropdown';
 import { Breadcrumb } from '../../components/nav/BreadcrumbList';
 import { PageDetail } from '../../components/nav/PageDetail';
-import { PanelGroup } from '../../components/nav/PanelGroup';
+import { PanelGroup, PanelType } from '../../components/nav/PanelGroup';
-import { PanelType } from '../../components/nav/PanelGroup';
 import { NotesEditor } from '../../components/widgets/MarkdownEditor';
 import { ApiEndpoints } from '../../enums/ApiEndpoints';
 import { UserRoles } from '../../enums/Roles';

src/frontend/src/pages/company/ManufacturerPartDetail.tsx

@@ -25,7 +25,6 @@ import { ApiEndpoints } from '../../enums/ApiEndpoints';
 import { ModelType } from '../../enums/ModelType';
 import { UserRoles } from '../../enums/Roles';
 import { useManufacturerPartFields } from '../../forms/CompanyForms';
-import { getDetailUrl } from '../../functions/urls';
 import { useEditApiFormModal } from '../../hooks/UseForm';
 import { useInstance } from '../../hooks/UseInstance';
 import { apiUrl } from '../../states/ApiState';

src/frontend/src/pages/part/PartDetail.tsx

@@ -1,13 +1,5 @@
 import { t } from '@lingui/macro';
-import {
+import { Grid, LoadingOverlay, Skeleton, Stack } from '@mantine/core';
-  Badge,
-  Grid,
-  Group,
-  LoadingOverlay,
-  Skeleton,
-  Stack,
-  Text
-} from '@mantine/core';
 import {
   IconBookmarks,
   IconBuilding,
@@ -36,9 +28,7 @@ import { useParams } from 'react-router-dom';
 
 import { api } from '../../App';
 import { DetailsField, DetailsTable } from '../../components/details/Details';
-import DetailsBadge, {
+import DetailsBadge from '../../components/details/DetailsBadge';
-  DetailsBadgeProps
-} from '../../components/details/DetailsBadge';
 import { DetailsImage } from '../../components/details/DetailsImage';
 import { ItemDetailsGrid } from '../../components/details/ItemDetails';
 import { PartIcons } from '../../components/details/PartIcons';

src/frontend/src/pages/part/PartPricingPanel.tsx

@@ -1,6 +1,6 @@
 import { t } from '@lingui/macro';
 import { Accordion, Alert, LoadingOverlay, Stack, Text } from '@mantine/core';
-import { ReactNode, useMemo } from 'react';
+import { useMemo } from 'react';
 
 import { ApiEndpoints } from '../../enums/ApiEndpoints';
 import { UserRoles } from '../../enums/Roles';

src/frontend/src/pages/part/pricing/PriceBreakPanel.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { Alert, SimpleGrid } from '@mantine/core';
+import { SimpleGrid } from '@mantine/core';
 import { useCallback, useMemo, useState } from 'react';
 import {
   Bar,

src/frontend/src/pages/purchasing/PurchaseOrderDetail.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { Grid, Group, LoadingOverlay, Skeleton, Stack } from '@mantine/core';
+import { Grid, LoadingOverlay, Skeleton, Stack } from '@mantine/core';
 import {
   IconDots,
   IconInfoCircle,

src/frontend/src/pages/stock/LocationDetail.tsx

@@ -15,7 +15,6 @@ import { ItemDetailsGrid } from '../../components/details/ItemDetails';
 import {
   ActionDropdown,
   BarcodeActionDropdown,
-  DeleteItemAction,
   EditItemAction,
   LinkBarcodeAction,
   UnlinkBarcodeAction,

src/frontend/src/pages/stock/StockDetail.tsx

@@ -1,14 +1,5 @@
 import { t } from '@lingui/macro';
-import {
+import { Grid, LoadingOverlay, Skeleton, Stack } from '@mantine/core';
-  Alert,
-  Badge,
-  Grid,
-  Group,
-  LoadingOverlay,
-  Skeleton,
-  Stack,
-  Text
-} from '@mantine/core';
 import {
   IconBookmark,
   IconBoxPadding,

src/frontend/src/tables/ColumnSelect.tsx

@@ -1,6 +1,5 @@
 import { t } from '@lingui/macro';
-import { Checkbox, Menu, Tooltip } from '@mantine/core';
+import { ActionIcon, Checkbox, Menu, Tooltip } from '@mantine/core';
-import { ActionIcon } from '@mantine/core';
 import { IconAdjustments } from '@tabler/icons-react';
 
 export function TableColumnSelect({

src/frontend/src/tables/DownloadAction.tsx

@@ -1,6 +1,5 @@
 import { t } from '@lingui/macro';
-import { ActionIcon, Menu } from '@mantine/core';
+import { ActionIcon, Menu, Tooltip } from '@mantine/core';
-import { Tooltip } from '@mantine/core';
 import { IconDownload } from '@tabler/icons-react';
 
 export function DownloadAction({

src/frontend/src/tables/InvenTreeTable.tsx

@@ -3,17 +3,22 @@ import {
   ActionIcon,
   Alert,
   Box,
+  Group,
   Indicator,
   LoadingOverlay,
   Space,
   Stack,
   Tooltip
 } from '@mantine/core';
-import { Group } from '@mantine/core';
 import { modals } from '@mantine/modals';
 import { showNotification } from '@mantine/notifications';
-import { IconFilter, IconRefresh, IconTrash } from '@tabler/icons-react';
+import {
-import { IconBarcode, IconPrinter } from '@tabler/icons-react';
+  IconBarcode,
+  IconFilter,
+  IconPrinter,
+  IconRefresh,
+  IconTrash
+} from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
 import {
   DataTable,

src/frontend/src/tables/RowActions.tsx

@@ -1,6 +1,5 @@
 import { t } from '@lingui/macro';
-import { ActionIcon, Tooltip } from '@mantine/core';
+import { ActionIcon, Menu, Tooltip } from '@mantine/core';
-import { Menu } from '@mantine/core';
 import { IconCopy, IconDots, IconEdit, IconTrash } from '@tabler/icons-react';
 import { ReactNode, useMemo, useState } from 'react';
 

src/frontend/src/tables/company/CompanyTable.tsx

@@ -6,7 +6,6 @@ import { useNavigate } from 'react-router-dom';
 import { AddItemButton } from '../../components/buttons/AddItemButton';
 import { Thumbnail } from '../../components/images/Thumbnail';
 import { ApiEndpoints } from '../../enums/ApiEndpoints';
-import { ModelType } from '../../enums/ModelType';
 import { UserRoles } from '../../enums/Roles';
 import { companyFields } from '../../forms/CompanyForms';
 import { useCreateApiFormModal } from '../../hooks/UseForm';

src/frontend/src/tables/general/AttachmentTable.tsx

@@ -1,6 +1,5 @@
 import { t } from '@lingui/macro';
-import { Badge, Group, Stack, Text, Tooltip } from '@mantine/core';
+import { ActionIcon, Badge, Group, Stack, Text, Tooltip } from '@mantine/core';
-import { ActionIcon } from '@mantine/core';
 import { Dropzone } from '@mantine/dropzone';
 import { notifications } from '@mantine/notifications';
 import { IconExternalLink, IconFileUpload } from '@tabler/icons-react';

src/frontend/src/tables/part/ParametricPartTable.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { ActionIcon, Group, Text, Tooltip } from '@mantine/core';
+import { ActionIcon, Group, Tooltip } from '@mantine/core';
 import { useHover } from '@mantine/hooks';
 import { IconEdit } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';

src/frontend/src/tables/part/PartCategoryTemplateTable.tsx

@@ -1,7 +1,6 @@
 import { t } from '@lingui/macro';
 import { Group, Text } from '@mantine/core';
 import { useCallback, useMemo, useState } from 'react';
-import { set } from 'react-hook-form';
 
 import { AddItemButton } from '../../components/buttons/AddItemButton';
 import { ApiFormFieldSet } from '../../components/forms/fields/ApiFormField';

src/frontend/src/tables/plugin/PluginListTable.tsx

@@ -15,12 +15,12 @@ import { notifications, showNotification } from '@mantine/notifications';
 import {
   IconCircleCheck,
   IconCircleX,
+  IconDots,
   IconHelpCircle,
   IconInfoCircle,
   IconPlaylistAdd,
   IconRefresh
 } from '@tabler/icons-react';
-import { IconDots } from '@tabler/icons-react';
 import { useCallback, useMemo, useState } from 'react';
 import { useNavigate } from 'react-router-dom';