trade: chore: lint

trade.renegade.fi/.prettierrc

@@ -4,28 +4,7 @@
   "singleQuote": false,
   "tabWidth": 2,
   "trailingComma": "es5",
-  "importOrder": [
-    "^(react/(.*)$)|^(react$)",
-    "^(next/(.*)$)|^(next$)",
-    "<THIRD_PARTY_MODULES>",
-    "",
-    "^types$",
-    "^@/types/(.*)$",
-    "^@/config/(.*)$",
-    "^@/lib/(.*)$",
-    "^@/hooks/(.*)$",
-    "^@/components/ui/(.*)$",
-    "^@/components/(.*)$",
-    "^@/styles/(.*)$",
-    "^@/app/(.*)$",
-    "",
-    "^[./]"
-  ],
-  "importOrderSeparation": false,
-  "importOrderSortSpecifiers": true,
-  "importOrderBuiltinModulesToTop": true,
-  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy"],
-  "importOrderMergeDuplicateImports": true,
-  "importOrderCombineTypeAndValueImports": true,
-  "plugins": ["@ianvs/prettier-plugin-sort-imports"]
+  "importOrder": ["^@/(.*)$", "^[./]"],
+  "importOrderSeparation": true,
+  "importOrderGroupNamespaceSpecifiers": true
 }

trade.renegade.fi/app/(desktop)/[base]/[quote]/deposit-button.tsx

@@ -1,4 +1,15 @@
+import { ArrowForwardIcon } from "@chakra-ui/icons"
+import { Button, useDisclosure } from "@chakra-ui/react"
+import { Token } from "@renegade-fi/renegade-js"
+import { useQueryClient } from "@tanstack/react-query"
 import { useEffect } from "react"
+import { toast } from "sonner"
+import { useLocalStorage } from "usehooks-ts"
+import { parseUnits } from "viem"
+import { useAccount, useBlockNumber, useWalletClient } from "wagmi"
+
+import { renegade } from "@/app/providers"
+import { CreateStepper } from "@/components/steppers/create-stepper/create-stepper"
 import { useDeposit } from "@/contexts/Deposit/deposit-context"
 import { Direction } from "@/contexts/Order/types"
 import { useRenegade } from "@/contexts/Renegade/renegade-context"
@@ -8,20 +19,9 @@ import {
   useReadErc20BalanceOf,
   useWriteErc20Approve,
 } from "@/generated"
-import { ArrowForwardIcon } from "@chakra-ui/icons"
-import { Button, useDisclosure } from "@chakra-ui/react"
-import { Token } from "@renegade-fi/renegade-js"
-import { useQueryClient } from "@tanstack/react-query"
-import { toast } from "sonner"
-import { useLocalStorage } from "usehooks-ts"
-import { parseUnits } from "viem"
-import { useAccount, useBlockNumber, useWalletClient } from "wagmi"
-
+import { useButton } from "@/hooks/use-button"
 import { stylusDevnetEc2 } from "@/lib/chain"
 import { signPermit2 } from "@/lib/permit2"
-import { useButton } from "@/hooks/use-button"
-import { CreateStepper } from "@/components/steppers/create-stepper/create-stepper"
-import { renegade } from "@/app/providers"
 
 const MAX_INT = BigInt(
   "115792089237316195423570985008687907853269984665640564039457584007913129639935"

trade.renegade.fi/app/(desktop)/[base]/[quote]/deposit.tsx

@@ -1,8 +1,5 @@
 "use client"
 
-import Link from "next/link"
-import { ViewEnum, useApp } from "@/contexts/App/app-context"
-import { DepositProvider, useDeposit } from "@/contexts/Deposit/deposit-context"
 import { ChevronDownIcon, ChevronLeftIcon } from "@chakra-ui/icons"
 import {
   Box,
@@ -13,9 +10,12 @@ import {
   Text,
   useDisclosure,
 } from "@chakra-ui/react"
+import Link from "next/link"
 
-import { TokenSelectModal } from "@/components/modals/token-select-modal"
 import DepositButton from "@/app/(desktop)/[base]/[quote]/deposit-button"
+import { TokenSelectModal } from "@/components/modals/token-select-modal"
+import { ViewEnum, useApp } from "@/contexts/App/app-context"
+import { DepositProvider, useDeposit } from "@/contexts/Deposit/deposit-context"
 
 function DepositInner() {
   const { setView } = useApp()

trade.renegade.fi/app/(desktop)/[base]/[quote]/main.tsx

@@ -1,11 +1,11 @@
 "use client"
 
-import { ViewEnum, useApp } from "@/contexts/App/app-context"
 import { Box } from "@chakra-ui/react"
 
-import { TaskStatus } from "@/components/task-status"
 import { DepositBody } from "@/app/(desktop)/[base]/[quote]/deposit"
 import { TradingBody } from "@/app/(desktop)/[base]/[quote]/trading"
+import { TaskStatus } from "@/components/task-status"
+import { ViewEnum, useApp } from "@/contexts/App/app-context"
 
 export function Main() {
   const { view } = useApp()

trade.renegade.fi/app/(desktop)/[base]/[quote]/page.tsx

@@ -1,14 +1,14 @@
-import Image from "next/image"
-import { env } from "@/env.mjs"
-import backgroundPattern from "@/icons/background_pattern.png"
 import { Renegade } from "@renegade-fi/renegade-js"
+import Image from "next/image"
 
-import { getToken } from "@/lib/utils"
+import { Main } from "@/app/(desktop)/[base]/[quote]/main"
 import { MedianBanner } from "@/components/banners/median-banner"
 import { RelayerStatusData } from "@/components/banners/relayer-status-data"
 import { OrdersAndCounterpartiesPanel } from "@/components/panels/orders-panel"
 import { WalletsPanel } from "@/components/panels/wallets-panel"
-import { Main } from "@/app/(desktop)/[base]/[quote]/main"
+import { env } from "@/env.mjs"
+import backgroundPattern from "@/icons/background_pattern.png"
+import { getToken } from "@/lib/utils"
 
 // export function generateStaticParams() {
 //   return DISPLAYED_TICKERS.filter(([base]) => base !== "USDC").map(

trade.renegade.fi/app/(desktop)/[base]/[quote]/trading.tsx

@@ -1,15 +1,15 @@
 "use client"
 
-import React, { createRef, useEffect, useRef, useState } from "react"
-import { OrderProvider, useOrder } from "@/contexts/Order/order-context"
-import { Direction } from "@/contexts/Order/types"
 import { ChevronDownIcon } from "@chakra-ui/icons"
 import { Flex, HStack, Input, Text, useDisclosure } from "@chakra-ui/react"
+import React, { createRef, useEffect, useRef, useState } from "react"
 
-import { useUSDPrice } from "@/hooks/use-usd-price"
 import { BlurredOverlay } from "@/components/modals/blurred-overlay"
 import { TokenSelectModal } from "@/components/modals/token-select-modal"
 import { PlaceOrderButton } from "@/components/place-order-button"
+import { OrderProvider, useOrder } from "@/contexts/Order/order-context"
+import { Direction } from "@/contexts/Order/types"
+import { useUSDPrice } from "@/hooks/use-usd-price"
 
 interface SelectableProps {
   text: string

trade.renegade.fi/app/(desktop)/[base]/page.tsx

@@ -1,13 +1,13 @@
-import Image from "next/image"
-import { env } from "@/env.mjs"
-import backgroundPattern from "@/icons/background_pattern.png"
 import { Renegade, Token } from "@renegade-fi/renegade-js"
+import Image from "next/image"
 
+import { DepositBody } from "@/app/(desktop)/[base]/[quote]/deposit"
 import { MedianBanner } from "@/components/banners/median-banner"
 import { RelayerStatusData } from "@/components/banners/relayer-status-data"
 import { OrdersAndCounterpartiesPanel } from "@/components/panels/orders-panel"
 import { WalletsPanel } from "@/components/panels/wallets-panel"
-import { DepositBody } from "@/app/(desktop)/[base]/[quote]/deposit"
+import { env } from "@/env.mjs"
+import backgroundPattern from "@/icons/background_pattern.png"
 
 // export function generateStaticParams() {
 //   return DISPLAYED_TICKERS.map(([base, quote]) => {

trade.renegade.fi/app/(desktop)/footer.tsx

@@ -1,9 +1,10 @@
 "use client"
 
-import React from "react"
+import { Box, Flex, Link, Text } from "@chakra-ui/react"
 import Image from "next/image"
+import React from "react"
+
 import logoDark from "@/icons/logo_dark.svg"
-import { Box, Flex, Link, Text } from "@chakra-ui/react"
 
 interface FooterState {
   logoRef: React.RefObject<HTMLDivElement>

trade.renegade.fi/app/(desktop)/layout.tsx

@@ -1,15 +1,14 @@
-import React from "react"
-import type { Metadata } from "next"
-import { env } from "@/env.mjs"
 import { Renegade } from "@renegade-fi/renegade-js"
+import type { Metadata } from "next"
+import React from "react"
 
-import { TICKER_TO_LOGO_URL_HANDLE } from "@/lib/tokens"
-import { getTokenBannerData } from "@/lib/utils"
-import { TokensBanner } from "@/components/banners/tokens-banner"
 import { Footer } from "@/app/(desktop)/footer"
 import { MainNav } from "@/app/(desktop)/main-nav"
 import { Providers } from "@/app/providers"
-
+import { TokensBanner } from "@/components/banners/tokens-banner"
+import { env } from "@/env.mjs"
+import { TICKER_TO_LOGO_URL_HANDLE } from "@/lib/tokens"
+import { getTokenBannerData } from "@/lib/utils"
 import "@/styles/animations.css"
 import "@/styles/fonts.css"
 import "@/styles/globals.css"

trade.renegade.fi/app/(desktop)/main-nav.tsx

@@ -1,10 +1,5 @@
 "use client"
 
-import React, { createRef, useEffect, useState } from "react"
-import Image from "next/image"
-import { useApp } from "@/contexts/App/app-context"
-import { useRenegade } from "@/contexts/Renegade/renegade-context"
-import glyphDark from "@/icons/glyph_dark.svg"
 import {
   Box,
   Button,
@@ -16,15 +11,20 @@ import {
   useDisclosure,
 } from "@chakra-ui/react"
 import { ConnectKitButton } from "connectkit"
+import Image from "next/image"
+import React, { createRef, useEffect, useState } from "react"
 import { useLocalStorage } from "usehooks-ts"
 import {
   useAccount as useAccountWagmi,
   useDisconnect as useDisconnectWagmi,
   useEnsName as useEnsNameWagmi,
 } from "wagmi"
 
-import { useButton } from "@/hooks/use-button"
 import { CreateStepper } from "@/components/steppers/create-stepper/create-stepper"
+import { useApp } from "@/contexts/App/app-context"
+import { useRenegade } from "@/contexts/Renegade/renegade-context"
+import { useButton } from "@/hooks/use-button"
+import glyphDark from "@/icons/glyph_dark.svg"
 
 function FancyUnderline(props: { children: React.ReactElement }) {
   const [isHovering, setIsHovering] = React.useState(false)

trade.renegade.fi/app/(mobile)/m/body.tsx

@@ -1,14 +1,14 @@
 "use client"
 
-import Image from "next/image"
-import backgroundPattern from "@/icons/background_pattern.png"
-import logoDark from "@/icons/logo_dark.svg"
 import { ArrowForwardIcon } from "@chakra-ui/icons"
 import { Button, Flex, HStack, Text } from "@chakra-ui/react"
 import { ExchangeHealthState, PriceReport } from "@renegade-fi/renegade-js"
+import Image from "next/image"
 
-import { MedianBanner } from "@/components/banners/median-banner"
 import { TokensBanner } from "@/app/(mobile)/m/tokens-banner"
+import { MedianBanner } from "@/components/banners/median-banner"
+import backgroundPattern from "@/icons/background_pattern.png"
+import logoDark from "@/icons/logo_dark.svg"
 
 function BodyText() {
   return (

trade.renegade.fi/app/(mobile)/m/layout.tsx

@@ -1,8 +1,7 @@
-import React from "react"
 import type { Metadata } from "next"
+import React from "react"
 
 import { Providers } from "@/app/providers"
-
 import "@/styles/animations.css"
 import "@/styles/fonts.css"
 import "@/styles/globals.css"

trade.renegade.fi/app/(mobile)/m/main-nav.tsx

@@ -1,10 +1,11 @@
 "use client"
 
-import React from "react"
-import Image from "next/image"
-import glyphDark from "@/icons/glyph_dark.svg"
 import { CloseIcon, HamburgerIcon } from "@chakra-ui/icons"
 import { Box, Flex, Link, Spacer, Text } from "@chakra-ui/react"
+import Image from "next/image"
+import React from "react"
+
+import glyphDark from "@/icons/glyph_dark.svg"
 
 const headerHeight = "calc(2 * var(--banner-height))"
 

trade.renegade.fi/app/(mobile)/m/page.tsx

@@ -1,6 +1,6 @@
-import { env } from "@/env.mjs"
 import { Renegade, Token } from "@renegade-fi/renegade-js"
 
+import { env } from "@/env.mjs"
 import { getTokenBannerData } from "@/lib/utils"
 
 import { MobileBody } from "./body"

trade.renegade.fi/app/global-error.tsx

@@ -1,8 +1,8 @@
 "use client"
 
 import { useEffect, useState } from "react"
-import { env } from "@/env.mjs"
 
+import { env } from "@/env.mjs"
 import "@/styles/fonts.css"
 
 const RELAYER_HOSTNAME =

trade.renegade.fi/app/providers.tsx

@@ -1,28 +1,28 @@
 "use client"
 
-import { PropsWithChildren, useEffect } from "react"
-import { AppProvider } from "@/contexts/App/app-context"
-import { ExchangeProvider } from "@/contexts/Exchange/exchange-context"
-import { RenegadeProvider } from "@/contexts/Renegade/renegade-context"
-import { env } from "@/env.mjs"
 import { menuAnatomy } from "@chakra-ui/anatomy"
 import { CacheProvider } from "@chakra-ui/next-js"
 import {
   ChakraProvider,
   ColorModeScript,
+  type ThemeConfig,
   createMultiStyleConfigHelpers,
   extendTheme,
   keyframes,
-  type ThemeConfig,
 } from "@chakra-ui/react"
 import { Renegade } from "@renegade-fi/renegade-js"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { ConnectKitProvider, getDefaultConfig } from "connectkit"
+import { PropsWithChildren, useEffect } from "react"
 import { IntercomProvider } from "react-use-intercom"
 import { Toaster } from "sonner"
 import { createPublicClient, http } from "viem"
 import { WagmiProvider, createConfig } from "wagmi"
 
+import { AppProvider } from "@/contexts/App/app-context"
+import { ExchangeProvider } from "@/contexts/Exchange/exchange-context"
+import { RenegadeProvider } from "@/contexts/Renegade/renegade-context"
+import { env } from "@/env.mjs"
 import { stylusDevnetEc2 } from "@/lib/chain"
 
 /*

trade.renegade.fi/components/banners/median-banner.tsx

@@ -1,6 +1,5 @@
 "use client"
 
-import React from "react"
 import { Box, Flex, Link, Spacer, Stack, Text } from "@chakra-ui/react"
 import {
   Exchange,
@@ -9,6 +8,7 @@ import {
   PriceReport,
   Token,
 } from "@renegade-fi/renegade-js"
+import React from "react"
 
 import { BannerSeparator } from "@/components/banner-separator"
 import { LivePrices } from "@/components/live-price"

trade.renegade.fi/components/banners/relayer-banner.tsx

@@ -1,8 +1,9 @@
 "use client"
 
+import { Box, Flex, HStack, Spacer, Text } from "@chakra-ui/react"
 import React from "react"
+
 import { RenegadeContext } from "@/contexts/Renegade/renegade-context"
-import { Box, Flex, HStack, Spacer, Text } from "@chakra-ui/react"
 
 import { BannerSeparator } from "../banner-separator"
 import { PulsingConnection } from "../pulsing-connection-indicator"

trade.renegade.fi/components/banners/relayer-status-data.tsx

@@ -1,7 +1,7 @@
-import { env } from "@/env.mjs"
 import { Renegade } from "@renegade-fi/renegade-js"
 
 import { RelayerStatusBanner } from "@/components/banners/relayer-banner"
+import { env } from "@/env.mjs"
 
 const renegade = new Renegade({
   relayerHostname: env.NEXT_PUBLIC_RENEGADE_RELAYER_HOSTNAME,

trade.renegade.fi/components/banners/tokens-banner.tsx

@@ -1,12 +1,12 @@
 "use client"
 
-import Link from "next/link"
 import { Stack, Text } from "@chakra-ui/react"
 import { Exchange, PriceReport } from "@renegade-fi/renegade-js"
+import Link from "next/link"
 
-import { DISPLAYED_TICKERS } from "@/lib/tokens"
 import Marquee from "@/components/banners/marquee"
 import { LivePrices } from "@/components/live-price"
+import { DISPLAYED_TICKERS } from "@/lib/tokens"
 
 export function TokensBanner({
   prices,

trade.renegade.fi/components/live-price.tsx

@@ -1,9 +1,9 @@
-import { useEffect, useMemo, useRef, useState } from "react"
-import { useExchange } from "@/contexts/Exchange/exchange-context"
 import { TriangleDownIcon, TriangleUpIcon } from "@chakra-ui/icons"
 import { Box, Flex, Text } from "@chakra-ui/react"
 import { Exchange, PriceReport } from "@renegade-fi/renegade-js"
+import { useEffect, useMemo, useRef, useState } from "react"
 
+import { useExchange } from "@/contexts/Exchange/exchange-context"
 import { TICKER_TO_DEFAULT_DECIMALS } from "@/lib/tokens"
 
 import { BannerSeparator } from "./banner-separator"