Chore: add organize imports to pre-commit (#5104)

src/components/bookmarks/group.jsx

@@ -1,10 +1,10 @@
-import { useRef, useEffect } from "react";
-import classNames from "classnames";
 import { Disclosure, Transition } from "@headlessui/react";
-import { MdKeyboardArrowDown } from "react-icons/md";
-import ErrorBoundary from "components/errorboundry";
+import classNames from "classnames";
 import List from "components/bookmarks/list";
+import ErrorBoundary from "components/errorboundry";
 import ResolvedIcon from "components/resolvedicon";
+import { useEffect, useRef } from "react";
+import { MdKeyboardArrowDown } from "react-icons/md";
 
 export default function BookmarksGroup({
   bookmarks,

src/components/bookmarks/item.jsx

@@ -1,7 +1,7 @@
-import { useContext } from "react";
 import classNames from "classnames";
-import { SettingsContext } from "utils/contexts/settings";
 import ResolvedIcon from "components/resolvedicon";
+import { useContext } from "react";
+import { SettingsContext } from "utils/contexts/settings";
 
 export default function Item({ bookmark, iconOnly = false }) {
   const description = bookmark.description ?? new URL(bookmark.href).hostname;

src/components/favicon.jsx

@@ -1,6 +1,6 @@
 /* eslint-disable @next/next/no-img-element */
 /* eslint-disable jsx-a11y/alt-text */
-import { useRef, useEffect, useContext } from "react";
+import { useContext, useEffect, useRef } from "react";
 import { ColorContext } from "utils/contexts/color";
 
 import themes from "utils/styles/themes";

src/components/quicklaunch.jsx

@@ -1,6 +1,6 @@
-import { useTranslation } from "react-i18next";
-import { useEffect, useState, useRef, useCallback, useContext } from "react";
 import classNames from "classnames";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
 import useSWR from "swr";
 import { SettingsContext } from "utils/contexts/settings";
 
@@ -53,7 +53,7 @@ export default function QuickLaunch({ servicesAndBookmarks, searchString, setSea
     const result = results[currentItemIndex];
     window.open(
       result.href,
-      newWindow ? "_blank" : result.target ?? searchProvider?.target ?? settings.target ?? "_blank",
+      newWindow ? "_blank" : (result.target ?? searchProvider?.target ?? settings.target ?? "_blank"),
       "noreferrer",
     );
   }

src/components/resolvedicon.jsx

@@ -1,5 +1,5 @@
-import { useContext } from "react";
 import Image from "next/image";
+import { useContext } from "react";
 import { SettingsContext } from "utils/contexts/settings";
 import { ThemeContext } from "utils/contexts/theme";
 

src/components/services/dropdown.jsx

@@ -1,7 +1,7 @@
-import { Fragment } from "react";
 import { Menu, Transition } from "@headlessui/react";
-import { BiCog } from "react-icons/bi";
 import classNames from "classnames";
+import { Fragment } from "react";
+import { BiCog } from "react-icons/bi";
 
 export default function Dropdown({ options, value, setValue }) {
   return (

src/components/services/group.jsx

@@ -1,9 +1,9 @@
-import { useRef, useEffect } from "react";
-import classNames from "classnames";
 import { Disclosure, Transition } from "@headlessui/react";
-import { MdKeyboardArrowDown } from "react-icons/md";
-import List from "components/services/list";
+import classNames from "classnames";
 import ResolvedIcon from "components/resolvedicon";
+import List from "components/services/list";
+import { useEffect, useRef } from "react";
+import { MdKeyboardArrowDown } from "react-icons/md";
 
 import { columnMap } from "../../utils/layout/columns";
 

src/components/services/item.jsx

@@ -1,15 +1,15 @@
 import classNames from "classnames";
+import ResolvedIcon from "components/resolvedicon";
 import { useContext, useState } from "react";
+import { SettingsContext } from "utils/contexts/settings";
 import Docker from "widgets/docker/component";
 import Kubernetes from "widgets/kubernetes/component";
-import { SettingsContext } from "utils/contexts/settings";
-import ResolvedIcon from "components/resolvedicon";
 
-import Status from "./status";
-import Widget from "./widget";
+import KubernetesStatus from "./kubernetes-status";
 import Ping from "./ping";
 import SiteMonitor from "./site-monitor";
-import KubernetesStatus from "./kubernetes-status";
+import Status from "./status";
+import Widget from "./widget";
 
 export default function Item({ service, groupName, useEqualHeights }) {
   const hasLink = service.href && service.href !== "#";

src/components/services/kubernetes-status.jsx

@@ -1,5 +1,5 @@
-import useSWR from "swr";
 import { t } from "i18next";
+import useSWR from "swr";
 
 export default function KubernetesStatus({ service, style }) {
   const podSelectorString = service.podSelector !== undefined ? `podSelector=${service.podSelector}` : "";

src/components/services/widget.jsx

@@ -1,5 +1,5 @@
-import { useTranslation } from "next-i18next";
 import ErrorBoundary from "components/errorboundry";
+import { useTranslation } from "next-i18next";
 
 import components from "widgets/components";
 

src/components/services/widget/block.jsx

@@ -1,5 +1,5 @@
-import { useTranslation } from "next-i18next";
 import classNames from "classnames";
+import { useTranslation } from "next-i18next";
 
 export default function Block({ value, label }) {
   const { t } = useTranslation();

src/components/tab.jsx

@@ -1,5 +1,5 @@
-import { useContext } from "react";
 import classNames from "classnames";
+import { useContext } from "react";
 import { TabContext } from "utils/contexts/tab";
 
 function slugify(tabName) {

src/components/toggles/color.jsx

@@ -1,7 +1,7 @@
-import { useContext, Fragment } from "react";
-import { IoColorPalette } from "react-icons/io5";
 import { Popover, Transition } from "@headlessui/react";
 import classNames from "classnames";
+import { Fragment, useContext } from "react";
+import { IoColorPalette } from "react-icons/io5";
 import { ColorContext } from "utils/contexts/color";
 
 const colors = [

src/components/version.jsx

@@ -1,8 +1,8 @@
+import { compareVersions, validate } from "compare-versions";
 import cache from "memory-cache";
 import { useTranslation } from "next-i18next";
-import useSWR from "swr";
-import { compareVersions, validate } from "compare-versions";
 import { MdNewReleases } from "react-icons/md";
+import useSWR from "swr";
 
 const LATEST_RELEASE_CACHE_KEY = "latestRelease";
 

src/components/widgets/datetime/datetime.jsx

@@ -1,5 +1,5 @@
-import { useState, useEffect } from "react";
 import { useTranslation } from "next-i18next";
+import { useEffect, useState } from "react";
 
 import Container from "../widget/container";
 import Raw from "../widget/raw";

src/components/widgets/glances/glances.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
+import classNames from "classnames";
+import { useTranslation } from "next-i18next";
 import { useContext } from "react";
 import { FaMemory, FaRegClock, FaThermometerHalf } from "react-icons/fa";
 import { FiCpu, FiHardDrive } from "react-icons/fi";
-import { useTranslation } from "next-i18next";
-import classNames from "classnames";
+import useSWR from "swr";
 import { SettingsContext } from "utils/contexts/settings";
 
 import Error from "../widget/error";

src/components/widgets/kubernetes/kubernetes.jsx

@@ -1,8 +1,8 @@
-import useSWR from "swr";
 import { useTranslation } from "next-i18next";
+import useSWR from "swr";
 
-import Error from "../widget/error";
 import Container from "../widget/container";
+import Error from "../widget/error";
 import Raw from "../widget/raw";
 
 import Node from "./node";

src/components/widgets/kubernetes/node.jsx

@@ -1,7 +1,7 @@
+import { useTranslation } from "next-i18next";
 import { FaMemory } from "react-icons/fa";
 import { FiAlertTriangle, FiCpu, FiServer } from "react-icons/fi";
 import { SiKubernetes } from "react-icons/si";
-import { useTranslation } from "next-i18next";
 
 import UsageBar from "../resources/usage-bar";
 

src/components/widgets/longhorn/longhorn.jsx

@@ -1,7 +1,7 @@
 import useSWR from "swr";
 
-import Error from "../widget/error";
 import Container from "../widget/container";
+import Error from "../widget/error";
 import Raw from "../widget/raw";
 
 import Node from "./node";

src/components/widgets/openmeteo/openmeteo.jsx

@@ -1,16 +1,16 @@
-import useSWR from "swr";
-import { useState } from "react";
-import { WiCloudDown } from "react-icons/wi";
-import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
 import { useTranslation } from "next-i18next";
+import { useState } from "react";
+import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
+import { WiCloudDown } from "react-icons/wi";
+import useSWR from "swr";
 
-import Error from "../widget/error";
+import mapIcon from "../../../utils/weather/openmeteo-condition-map";
 import Container from "../widget/container";
 import ContainerButton from "../widget/container_button";
-import WidgetIcon from "../widget/widget_icon";
+import Error from "../widget/error";
 import PrimaryText from "../widget/primary_text";
 import SecondaryText from "../widget/secondary_text";
-import mapIcon from "../../../utils/weather/openmeteo-condition-map";
+import WidgetIcon from "../widget/widget_icon";
 
 function Widget({ options }) {
   const { t } = useTranslation();

src/components/widgets/openweathermap/weather.jsx

@@ -1,16 +1,16 @@
-import useSWR from "swr";
-import { useState } from "react";
-import { WiCloudDown } from "react-icons/wi";
-import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
 import { useTranslation } from "next-i18next";
+import { useState } from "react";
+import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
+import { WiCloudDown } from "react-icons/wi";
+import useSWR from "swr";
 
-import Error from "../widget/error";
+import mapIcon from "../../../utils/weather/owm-condition-map";
 import Container from "../widget/container";
 import ContainerButton from "../widget/container_button";
+import Error from "../widget/error";
 import PrimaryText from "../widget/primary_text";
 import SecondaryText from "../widget/secondary_text";
 import WidgetIcon from "../widget/widget_icon";
-import mapIcon from "../../../utils/weather/owm-condition-map";
 
 function Widget({ options }) {
   const { t, i18n } = useTranslation();

src/components/widgets/resources/cpu.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
-import { FiCpu } from "react-icons/fi";
 import { useTranslation } from "next-i18next";
+import { FiCpu } from "react-icons/fi";
+import useSWR from "swr";
 
-import Resource from "../widget/resource";
 import Error from "../widget/error";
+import Resource from "../widget/resource";
 
 export default function Cpu({ expanded, refresh = 1500 }) {
   const { t } = useTranslation();

src/components/widgets/resources/cputemp.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
-import { FaThermometerHalf } from "react-icons/fa";
 import { useTranslation } from "next-i18next";
+import { FaThermometerHalf } from "react-icons/fa";
+import useSWR from "swr";
 
-import Resource from "../widget/resource";
 import Error from "../widget/error";
+import Resource from "../widget/resource";
 
 function convertToFahrenheit(t) {
   return (t * 9) / 5 + 32;

src/components/widgets/resources/disk.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
-import { FiHardDrive } from "react-icons/fi";
 import { useTranslation } from "next-i18next";
+import { FiHardDrive } from "react-icons/fi";
+import useSWR from "swr";
 
-import Resource from "../widget/resource";
 import Error from "../widget/error";
+import Resource from "../widget/resource";
 
 export default function Disk({ options, expanded, diskUnits, refresh = 1500 }) {
   const { t } = useTranslation();

src/components/widgets/resources/memory.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
-import { FaMemory } from "react-icons/fa";
 import { useTranslation } from "next-i18next";
+import { FaMemory } from "react-icons/fa";
+import useSWR from "swr";
 
-import Resource from "../widget/resource";
 import Error from "../widget/error";
+import Resource from "../widget/resource";
 
 export default function Memory({ expanded, refresh = 1500 }) {
   const { t } = useTranslation();

src/components/widgets/resources/network.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
-import { FaNetworkWired } from "react-icons/fa";
 import { useTranslation } from "next-i18next";
+import { FaNetworkWired } from "react-icons/fa";
+import useSWR from "swr";
 
-import Resource from "../widget/resource";
 import Error from "../widget/error";
+import Resource from "../widget/resource";
 
 export default function Network({ options, refresh = 1500 }) {
   const { t } = useTranslation();

src/components/widgets/resources/resources.jsx

@@ -1,12 +1,12 @@
 import Container from "../widget/container";
 import Raw from "../widget/raw";
 
-import Disk from "./disk";
 import Cpu from "./cpu";
-import Memory from "./memory";
 import CpuTemp from "./cputemp";
-import Uptime from "./uptime";
+import Disk from "./disk";
+import Memory from "./memory";
 import Network from "./network";
+import Uptime from "./uptime";
 
 export default function Resources({ options }) {
   const { expanded, units, diskUnits, tempmin, tempmax } = options;

src/components/widgets/resources/uptime.jsx

@@ -1,9 +1,9 @@
-import useSWR from "swr";
-import { FaRegClock } from "react-icons/fa";
 import { useTranslation } from "next-i18next";
+import { FaRegClock } from "react-icons/fa";
+import useSWR from "swr";
 
-import Resource from "../widget/resource";
 import Error from "../widget/error";
+import Resource from "../widget/resource";
 
 export default function Uptime({ refresh = 1500 }) {
   const { t } = useTranslation();

src/components/widgets/search/search.jsx

@@ -1,10 +1,10 @@
-import { useState, useEffect, Fragment } from "react";
-import { useTranslation } from "next-i18next";
-import { FiSearch } from "react-icons/fi";
-import { SiDuckduckgo, SiGoogle, SiBaidu, SiBrave } from "react-icons/si";
-import { BiLogoBing } from "react-icons/bi";
-import { Listbox, Transition, Combobox } from "@headlessui/react";
+import { Combobox, Listbox, Transition } from "@headlessui/react";
 import classNames from "classnames";
+import { useTranslation } from "next-i18next";
+import { Fragment, useEffect, useState } from "react";
+import { BiLogoBing } from "react-icons/bi";
+import { FiSearch } from "react-icons/fi";
+import { SiBaidu, SiBrave, SiDuckduckgo, SiGoogle } from "react-icons/si";
 
 import ContainerForm from "../widget/container_form";
 import Raw from "../widget/raw";

src/components/widgets/stocks/stocks.jsx

@@ -1,13 +1,13 @@
-import useSWR from "swr";
-import { useState } from "react";
 import { useTranslation } from "next-i18next";
+import { useState } from "react";
 import { FaChartLine } from "react-icons/fa6";
+import useSWR from "swr";
 
-import Error from "../widget/error";
 import Container from "../widget/container";
+import Error from "../widget/error";
 import PrimaryText from "../widget/primary_text";
-import WidgetIcon from "../widget/widget_icon";
 import Raw from "../widget/raw";
+import WidgetIcon from "../widget/widget_icon";
 
 export default function Widget({ options }) {
   const { t, i18n } = useTranslation();

src/components/widgets/unifi_console/unifi_console.jsx

@@ -1,13 +1,13 @@
-import { BiError, BiWifi, BiCheckCircle, BiXCircle, BiNetworkChart } from "react-icons/bi";
-import { MdSettingsEthernet } from "react-icons/md";
 import { useTranslation } from "next-i18next";
+import { BiCheckCircle, BiError, BiNetworkChart, BiWifi, BiXCircle } from "react-icons/bi";
+import { MdSettingsEthernet } from "react-icons/md";
 import { SiUbiquiti } from "react-icons/si";
 
-import Error from "../widget/error";
 import Container from "../widget/container";
+import Error from "../widget/error";
+import PrimaryText from "../widget/primary_text";
 import Raw from "../widget/raw";
 import WidgetIcon from "../widget/widget_icon";
-import PrimaryText from "../widget/primary_text";
 
 import useWidgetAPI from "utils/proxy/use-widget-api";
 

src/components/widgets/weather/weather.jsx

@@ -1,16 +1,16 @@
-import useSWR from "swr";
-import { useState } from "react";
-import { WiCloudDown } from "react-icons/wi";
-import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
 import { useTranslation } from "next-i18next";
+import { useState } from "react";
+import { MdLocationDisabled, MdLocationSearching } from "react-icons/md";
+import { WiCloudDown } from "react-icons/wi";
+import useSWR from "swr";
 
-import Error from "../widget/error";
+import mapIcon from "../../../utils/weather/condition-map";
 import Container from "../widget/container";
+import ContainerButton from "../widget/container_button";
+import Error from "../widget/error";
 import PrimaryText from "../widget/primary_text";
 import SecondaryText from "../widget/secondary_text";
 import WidgetIcon from "../widget/widget_icon";
-import ContainerButton from "../widget/container_button";
-import mapIcon from "../../../utils/weather/condition-map";
 
 function Widget({ options }) {
   const { t, i18n } = useTranslation();

src/components/widgets/widget.jsx

@@ -1,5 +1,5 @@
-import dynamic from "next/dynamic";
 import ErrorBoundary from "components/errorboundry";
+import dynamic from "next/dynamic";
 
 const widgetMappings = {
   weatherapi: dynamic(() => import("components/widgets/weather/weather")),

src/components/widgets/widget/container.jsx

@@ -2,10 +2,10 @@ import classNames from "classnames";
 import { useContext } from "react";
 import { SettingsContext } from "utils/contexts/settings";
 
-import WidgetIcon from "./widget_icon";
 import PrimaryText from "./primary_text";
-import SecondaryText from "./secondary_text";
 import Raw from "./raw";
+import SecondaryText from "./secondary_text";
+import WidgetIcon from "./widget_icon";
 
 export function getAllClasses(options, additionalClassNames = "") {
   if (options?.style?.header === "boxedWidgets") {

src/components/widgets/widget/container_button.jsx

@@ -1,4 +1,4 @@
-import { getAllClasses, getInnerBlock, getBottomBlock } from "./container";
+import { getAllClasses, getBottomBlock, getInnerBlock } from "./container";
 
 export default function ContainerButton({ children = [], options, additionalClassNames = "", callback }) {
   return (

src/components/widgets/widget/container_form.jsx

@@ -1,4 +1,4 @@
-import { getAllClasses, getInnerBlock, getBottomBlock } from "./container";
+import { getAllClasses, getBottomBlock, getInnerBlock } from "./container";
 
 export default function ContainerForm({ children = [], options, additionalClassNames = "", callback }) {
   return (

src/components/widgets/widget/container_link.jsx

@@ -1,4 +1,4 @@
-import { getAllClasses, getInnerBlock, getBottomBlock } from "./container";
+import { getAllClasses, getBottomBlock, getInnerBlock } from "./container";
 
 export default function ContainerLink({ children = [], options, additionalClassNames = "", target }) {
   return (

src/components/widgets/widget/resources.jsx

@@ -1,8 +1,8 @@
 import classNames from "classnames";
 
 import ContainerLink from "./container_link";
-import Resource from "./resource";
 import Raw from "./raw";
+import Resource from "./resource";
 import WidgetLabel from "./widget_label";
 
 export default function Resources({ options, children, target, additionalClassNames }) {