apply alphabetic, explicit import sorting

Author: AndreWohnsland

.vscode/settings.json

@@ -23,6 +23,9 @@
   "[python]": {
     "editor.defaultFormatter": "charliermarsh.ruff"
   },
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "explicit"
+  },
   "python.analysis.autoImportCompletions": true,
   "python.testing.pytestArgs": ["tests"],
   "python.testing.unittestEnabled": false,

web_client/src/App.tsx

@@ -1,27 +1,27 @@
+import { useEffect } from 'react';
 import Modal from 'react-modal';
 import { Navigate, Route, Routes, useNavigate } from 'react-router-dom';
 import { ToastContainer } from 'react-toastify';
+import { useIssues } from './api/options.ts';
 import AvailableBottles from './components/bottle/AvailableBottles.tsx';
 import BottleList from './components/bottle/BottleList.tsx';
 import CocktailList from './components/cocktail/CocktailList.tsx';
 import GettingConfiguration from './components/common/GettingConfiguration.tsx';
 import { MakerPasswordProtected, MasterPasswordProtected } from './components/common/ProtectedRoute.tsx';
 import Header from './components/Header.tsx';
 import IngredientList from './components/ingredient/IngredientList.tsx';
+import IssuePage from './components/IssuePage.tsx';
 import AddonManager from './components/options/AddonManager.tsx';
 import CalibrationWindow from './components/options/CalibrationWindow.tsx';
 import ConfigWindow from './components/options/ConfigWindow.tsx';
 import DataWindow from './components/options/DataWindow.tsx';
 import LogWindow from './components/options/LogWindow.tsx';
 import OptionWindow from './components/options/OptionWindow.tsx';
+import TimeManager from './components/options/TimeManager.tsx';
 import WifiManager from './components/options/WifiManager.tsx';
 import RecipeList from './components/recipe/RecipeList.tsx';
 import { useConfig } from './ConfigProvider.tsx';
 import useAxiosInterceptors from './hooks/useAxiosInterceptors.ts';
-import { useIssues } from './api/options.ts';
-import { useEffect } from 'react';
-import IssuePage from './components/IssuePage.tsx';
-import TimeManager from './components/options/TimeManager.tsx';
 import { hastNotIgnoredStartupIssues } from './utils.tsx';
 
 Modal.setAppElement('#root');

web_client/src/AuthProvider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useState, useContext, useEffect, useMemo } from 'react';
+import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { useLocation } from 'react-router-dom';
 import { useConfig } from './ConfigProvider';
 

web_client/src/ConfigProvider.tsx

@@ -1,7 +1,7 @@
-import React, { createContext, useState, useEffect, useContext, useMemo } from 'react';
+import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { getConfigValues } from './api/options';
 import { DefinedConfigData } from './types/models';
-import { useTranslation } from 'react-i18next';
 
 interface IConfig {
   config: DefinedConfigData;

web_client/src/CustomColorProvider.tsx

@@ -1,6 +1,6 @@
-import React, { createContext, useState, useEffect, useContext, useMemo } from 'react';
-import { CustomColors } from './types/models';
+import React, { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { useConfig } from './ConfigProvider';
+import { CustomColors } from './types/models';
 
 interface ICustomColor {
   customColors: CustomColors;

web_client/src/api/bottles.ts

@@ -1,5 +1,5 @@
-import { Bottle } from '../types/models';
 import { useQuery, UseQueryResult } from 'react-query';
+import { Bottle } from '../types/models';
 import { axiosInstance } from './common';
 
 const bottle_url = '/bottles';

web_client/src/api/options.ts

@@ -1,15 +1,15 @@
 import { useQuery, UseQueryResult } from 'react-query';
-import { axiosInstance } from './common';
 import {
-  ConsumeData,
-  LogData,
+  AddonData,
   ConfigData,
   ConfigDataWithUiInfo,
-  AddonData,
-  WifiData,
+  ConsumeData,
   DefinedConfigData,
   IssueData,
+  LogData,
+  WifiData,
 } from '../types/models';
+import { axiosInstance } from './common';
 
 const options_url = '/options';
 

web_client/src/components/bottle/AvailableBottles.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react';
-import { postAvailableIngredients, useAvailableIngredients, useIngredients } from '../../api/ingredients';
-import { Ingredient } from '../../types/models';
-import ListView from './ListView';
+import { useTranslation } from 'react-i18next';
+import { FaMinusCircle, FaPlusCircle } from 'react-icons/fa';
 import { useNavigate } from 'react-router-dom';
-import { FaPlusCircle, FaMinusCircle } from 'react-icons/fa';
 import { toast } from 'react-toastify';
+import { postAvailableIngredients, useAvailableIngredients, useIngredients } from '../../api/ingredients';
+import { Ingredient } from '../../types/models';
 import ErrorComponent from '../common/ErrorComponent';
 import LoadingData from '../common/LoadingData';
-import { useTranslation } from 'react-i18next';
+import ListView from './ListView';
 
 const AvailableBottles: React.FC = () => {
   const { data: ingredients, error: ingredientsError, isLoading: ingredientsLoading } = useIngredients();

web_client/src/components/bottle/BottleComponent.tsx

@@ -1,12 +1,12 @@
 import React, { useState } from 'react';
-import { Bottle, Ingredient } from '../../types/models';
-import { updateBottle } from '../../api/bottles';
-import ProgressBar from '../common/ProgressBar';
-import Modal from 'react-modal';
+import { useTranslation } from 'react-i18next';
 import { AiOutlineCloseCircle } from 'react-icons/ai';
-import { errorToast, executeAndShow } from '../../utils';
 import { FaMinus, FaPlus } from 'react-icons/fa6';
-import { useTranslation } from 'react-i18next';
+import Modal from 'react-modal';
+import { updateBottle } from '../../api/bottles';
+import { Bottle, Ingredient } from '../../types/models';
+import { errorToast, executeAndShow } from '../../utils';
+import ProgressBar from '../common/ProgressBar';
 
 interface BottleProps {
   bottle: Bottle;

web_client/src/components/bottle/BottleList.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
 import { refillBottle, useBottles } from '../../api/bottles';
 import { useIngredients } from '../../api/ingredients';
-import BottleComponent from './BottleComponent';
 import { Ingredient } from '../../types/models';
-import { useNavigate } from 'react-router-dom';
 import { executeAndShow } from '../../utils';
-import LoadingData from '../common/LoadingData';
 import ErrorComponent from '../common/ErrorComponent';
-import { useTranslation } from 'react-i18next';
+import LoadingData from '../common/LoadingData';
+import BottleComponent from './BottleComponent';
 
 const BottleList: React.FC = () => {
   const {