🧹 Lint

src/components/Alert.jsx

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React from "react";
-import { CloseIcon } from "../icons/";
+import { CloseIcon } from "../icons";
 
 const colors = {
     primary: "bg-primary-lighter text-black",

src/components/Buttons/SubmitButton.jsx

@@ -3,7 +3,7 @@ import clsx from "clsx";
 import PropTypes from "prop-types";
 import React, { useState, useEffect } from "react";
 import { Spinner } from "../Spinner";
-import { CheckIcon } from "../../icons/";
+import { CheckIcon } from "../../icons";
 import { Button, colors } from "./Button";
 
 const loadingColors = {

src/components/DatePicker/NavbarElement.jsx

@@ -1,8 +1,7 @@
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React from "react";
-import { ChevronLeftIcon } from "../../icons/";
-import { ChevronRightIcon } from "../../icons/";
+import { ChevronLeftIcon, ChevronRightIcon } from "../../icons";
 
 /**
  * Render the custom left & right arrows to change the current month.

src/components/Drawer.jsx

@@ -2,7 +2,7 @@ import { Dialog, Transition } from "@headlessui/react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React, { Fragment } from "react";
-import { CloseIcon } from "../icons/";
+import { CloseIcon } from "../icons";
 import { Button } from "./Buttons/Button";
 
 const sizes = {

src/components/Modal.jsx

@@ -2,7 +2,7 @@ import { Dialog, Transition } from "@headlessui/react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React, { Fragment } from "react";
-import { CloseIcon } from "../icons/";
+import { CloseIcon } from "../icons";
 
 const sizes = {
     small: "max-w-100", // 400px

src/components/Screens/Login.jsx

@@ -1,6 +1,6 @@
 import PropTypes from "prop-types";
 import React, { useState } from "react";
-import { XolaLogoSimple } from "../../icons/";
+import { XolaLogoSimple } from "../../icons";
 import { Alert } from "../Alert";
 import { Button } from "../Buttons/Button";
 import { Checkbox } from "../Forms/Checkbox";

src/components/Search.jsx

@@ -7,7 +7,7 @@ import { useHotkeys } from "react-hotkeys-hook";
 import { isOSX } from "../helpers/browser";
 import { useId } from "../hooks/useId";
 import { useIsClient } from "../hooks/useIsClient";
-import { SearchIcon } from "../icons/";
+import { SearchIcon } from "../icons";
 import { Key } from "./Key";
 import { Spinner } from "./Spinner";
 

src/components/Sidebar/Sidebar.Account.jsx

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React from "react";
-import { ChevronRightIcon } from "../../icons/";
+import { ChevronRightIcon } from "../../icons";
 import { Avatar } from "../Avatar";
 
 export const SidebarAccount = ({

src/components/Sidebar/Sidebar.Link.jsx

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React from "react";
-import { ChevronRightIcon } from "../../icons/";
+import { ChevronRightIcon } from "../../icons";
 import { Dot } from "../Dot/Dot";
 
 export const SidebarLink = ({ isActive = false, icon: Icon, children, isSubMenuItem, ...rest }) => {

src/components/Sidebar/Sidebar.jsx

@@ -1,9 +1,7 @@
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React from "react";
-import { AnnounceIcon } from "../../icons/";
-import { BellIcon } from "../../icons/";
-import { XolaLogoSimple } from "../../icons/";
+import { AnnounceIcon, BellIcon, XolaLogoSimple } from "../../icons";
 import { Counter } from "../Counter";
 import { Drawer } from "../Drawer";
 import { SidebarAccount } from "./Sidebar.Account";

src/components/Spinner.jsx

@@ -1,7 +1,7 @@
 import React from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
-import { CircleNotch } from "../icons/";
+import { CircleNotch } from "../icons";
 
 const colors = {
     primary: "text-primary",

src/components/Tag.jsx

@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import PropTypes from "prop-types";
 import React from "react";
-import { CloseIcon } from "../icons/";
+import { CloseIcon } from "../icons";
 
 const colors = {
     primary: "bg-primary-lighter text-black border border-primary",

src/helpers/flash.jsx

@@ -2,7 +2,7 @@ import { Transition } from "@headlessui/react";
 import clsx from "clsx";
 import React, { Fragment } from "react";
 import toast from "react-hot-toast";
-import { CloseIcon } from "../icons/";
+import { CloseIcon } from "../icons";
 
 const colors = {
     primary: "bg-primary",