Various style fixes (#5797)

* removed unused imports

* use f-string where applicable

* string format changes

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

@@ -1,4 +1,3 @@
-import { t } from '@lingui/macro';
 import { Select } from '@mantine/core';
 import { UseFormReturnType } from '@mantine/form';
 import { useId } from '@mantine/hooks';

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

@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { Anchor, Image } from '@mantine/core';
+import { Anchor } from '@mantine/core';
 import { Group } from '@mantine/core';
 import { Text } from '@mantine/core';
 import { useMemo } from 'react';

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

@@ -1,5 +1,5 @@
 import { Group, Text } from '@mantine/core';
-import { IconFileTypeJpg, IconPhoto } from '@tabler/icons-react';
+import { IconPhoto } from '@tabler/icons-react';
 import {
   IconFile,
   IconFileTypeCsv,

src/frontend/src/components/items/MenuLinks.tsx

@@ -1,4 +1,4 @@
-import { Anchor, SimpleGrid, Text, UnstyledButton } from '@mantine/core';
+import { SimpleGrid, Text, UnstyledButton } from '@mantine/core';
 import React from 'react';
 import { Link } from 'react-router-dom';
 

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

@@ -11,7 +11,6 @@ import {
 import { Group, Stack, Text } from '@mantine/core';
 import { IconBellCheck, IconBellPlus } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
-import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { api } from '../../App';

src/frontend/src/components/settings/SettingItem.tsx

@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 
 import { api } from '../../App';
 import { openModalApiForm } from '../../functions/forms';
-import { ApiPaths, apiUrl } from '../../states/ApiState';
+import { apiUrl } from '../../states/ApiState';
 import { SettingsStateProps } from '../../states/SettingsState';
 import { Setting } from '../../states/states';
 

src/frontend/src/components/settings/SettingList.tsx

@@ -1,4 +1,4 @@
-import { LoadingOverlay, Stack, Text } from '@mantine/core';
+import { Stack, Text } from '@mantine/core';
 import { useEffect } from 'react';
 
 import {

src/frontend/src/components/tables/DownloadAction.tsx

@@ -1,10 +1,7 @@
-import { Trans, t } from '@lingui/macro';
-import { ActionIcon, Divider, Group, Menu, Select } from '@mantine/core';
+import { t } from '@lingui/macro';
+import { ActionIcon, Menu } from '@mantine/core';
 import { Tooltip } from '@mantine/core';
-import { Button, Modal, Stack } from '@mantine/core';
-import { useDisclosure } from '@mantine/hooks';
 import { IconDownload } from '@tabler/icons-react';
-import { useState } from 'react';
 
 export function DownloadAction({
   downloadCallback

src/frontend/src/components/tables/FilterSelectModal.tsx

@@ -1,5 +1,5 @@
 import { t } from '@lingui/macro';
-import { Modal, Space } from '@mantine/core';
+import { Modal } from '@mantine/core';
 import { Select } from '@mantine/core';
 import { Stack } from '@mantine/core';
 import { Button, Group, Text } from '@mantine/core';

src/frontend/src/defaults/defaultHostList.tsx

@@ -1,5 +1,3 @@
-import { t } from '@lingui/macro';
-
 import { HostList } from '../states/states';
 
 export const defaultHostList: HostList = window.INVENTREE_SETTINGS.server_list;

src/frontend/src/defaults/menuItems.tsx

@@ -1,5 +1,4 @@
-import { Trans, t } from '@lingui/macro';
-import { Image, Text } from '@mantine/core';
+import { Trans } from '@lingui/macro';
 
 import { MenuLinkItem } from '../components/items/MenuLinks';
 import { IS_DEV_OR_DEMO } from '../main';

src/frontend/src/functions/forms/PartForms.tsx

@@ -1,9 +1,6 @@
 import { t } from '@lingui/macro';
 
-import {
-  ApiFormFieldSet,
-  ApiFormFieldType
-} from '../../components/forms/fields/ApiFormField';
+import { ApiFormFieldSet } from '../../components/forms/fields/ApiFormField';
 import { ApiPaths } from '../../states/ApiState';
 import { openCreateApiForm, openEditApiForm } from '../forms';
 

src/frontend/src/functions/forms/StockForms.tsx

@@ -3,8 +3,7 @@ import { t } from '@lingui/macro';
 import {
   ApiFormChangeCallback,
   ApiFormData,
-  ApiFormFieldSet,
-  ApiFormFieldType
+  ApiFormFieldSet
 } from '../../components/forms/fields/ApiFormField';
 import { ApiPaths } from '../../states/ApiState';
 import { openCreateApiForm, openEditApiForm } from '../forms';

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

@@ -5,7 +5,6 @@ import { Accordion } from '@mantine/core';
 import { ReactNode, useState } from 'react';
 
 import { ApiFormProps } from '../../components/forms/ApiForm';
-import { ApiFormChangeCallback } from '../../components/forms/fields/ApiFormField';
 import { PlaceholderPill } from '../../components/items/Placeholder';
 import { StylishText } from '../../components/items/StylishText';
 import { ModelType } from '../../components/render/ModelType';

src/frontend/src/pages/Index/PluginSettings.tsx

@@ -7,7 +7,7 @@ import { PageDetail } from '../../components/nav/PageDetail';
 import { PanelGroup, PanelType } from '../../components/nav/PanelGroup';
 import { PluginListTable } from '../../components/tables/plugin/PluginListTable';
 import { useInstance } from '../../hooks/UseInstance';
-import { ApiPaths, apiUrl } from '../../states/ApiState';
+import { ApiPaths } from '../../states/ApiState';
 
 /**
  * Plugins settings page

src/frontend/src/pages/part/CategoryDetail.tsx

@@ -5,11 +5,9 @@ import {
   IconListDetails,
   IconSitemap
 } from '@tabler/icons-react';
-import { useQuery } from '@tanstack/react-query';
-import { useEffect, useMemo, useState } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useMemo } from 'react';
+import { useParams } from 'react-router-dom';
 
-import { api } from '../../App';
 import { PlaceholderPanel } from '../../components/items/Placeholder';
 import { PageDetail } from '../../components/nav/PageDetail';
 import { PanelGroup, PanelType } from '../../components/nav/PanelGroup';

src/frontend/src/states/ApiState.tsx

@@ -6,7 +6,7 @@ import { ModelType } from '../components/render/ModelType';
 import { StatusCodeListInterface } from '../components/renderers/StatusRenderer';
 import { statusCodeList } from '../defaults/backendMappings';
 import { emptyServerAPI } from '../defaults/defaults';
-import { ServerAPIProps, UserProps } from './states';
+import { ServerAPIProps } from './states';
 
 type StatusLookup = Record<ModelType, StatusCodeListInterface>;