From a84b19443204a57e287a4c795abc99b430aa9bef Mon Sep 17 00:00:00 2001
From: Adam Lessey <alessey@gmail.com>
Date: Fri, 13 Dec 2024 12:17:46 -0500
Subject: [PATCH] fix: lint

---
 src/ui/react/nft/NFTCard.test.tsx                  | 4 ++--
 src/ui/react/nft/NFTCard.tsx                       | 9 +++------
 src/ui/react/nft/NFTErrorFallback.test.tsx         | 2 +-
 src/ui/react/nft/NFTMintCard.test.tsx              | 2 +-
 src/ui/react/nft/NFTMintCard.tsx                   | 5 +----
 src/ui/react/nft/mint/NFTAssetCost.test.tsx        | 2 +-
 src/ui/react/nft/mint/NFTCollectionTitle.test.tsx  | 2 +-
 src/ui/react/nft/mint/NFTCreator.test.tsx          | 4 ++--
 src/ui/react/nft/mint/NFTMintButton.test.tsx       | 6 +++---
 src/ui/react/nft/mint/NFTMintButton.tsx            | 4 ++--
 src/ui/react/nft/mint/NFTMinters.test.tsx          | 2 +-
 src/ui/react/nft/mint/NFTQuantitySelector.test.tsx | 2 +-
 src/ui/react/nft/mint/NFTTotalCost.test.tsx        | 2 +-
 src/ui/react/nft/mint/NFTTotalCost.tsx             | 2 +-
 src/ui/react/nft/view/NFTAudio.test.tsx            | 2 +-
 src/ui/react/nft/view/NFTAudio.tsx                 | 4 ++--
 src/ui/react/nft/view/NFTImage.test.tsx            | 2 +-
 src/ui/react/nft/view/NFTImage.tsx                 | 2 +-
 src/ui/react/nft/view/NFTLastSoldPrice.test.tsx    | 2 +-
 src/ui/react/nft/view/NFTLastSoldPrice.tsx         | 2 +-
 src/ui/react/nft/view/NFTMedia.test.tsx            | 4 ++--
 src/ui/react/nft/view/NFTMedia.tsx                 | 2 +-
 src/ui/react/nft/view/NFTMintDate.test.tsx         | 2 +-
 src/ui/react/nft/view/NFTMintDate.tsx              | 2 +-
 src/ui/react/nft/view/NFTOwner.test.tsx            | 4 ++--
 src/ui/react/nft/view/NFTOwner.tsx                 | 2 +-
 src/ui/react/nft/view/NFTTitle.test.tsx            | 2 +-
 src/ui/react/nft/view/NFTVideo.test.tsx            | 2 +-
 src/ui/react/nft/view/NFTVideo.tsx                 | 2 +-
 29 files changed, 39 insertions(+), 45 deletions(-)

diff --git a/src/ui/react/nft/NFTCard.test.tsx b/src/ui/react/nft/NFTCard.test.tsx
index 3fe2a9cbca..dc94a8b36c 100644
--- a/src/ui/react/nft/NFTCard.test.tsx
+++ b/src/ui/react/nft/NFTCard.test.tsx
@@ -1,4 +1,6 @@
 import '@testing-library/jest-dom';
+import { useIsMounted } from '@/core-react/internal/hooks/useIsMounted';
+import { NFTProvider } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import {
   type Mock,
@@ -10,8 +12,6 @@ import {
   vi,
 } from 'vitest';
 import { useAccount } from 'wagmi';
-import { useIsMounted } from '@/core-react/internal/hooks/useIsMounted';
-import { NFTProvider } from '@/core-react/nft/providers/NFTProvider';
 import { NFTCard } from './NFTCard';
 
 vi.mock('wagmi', () => ({
diff --git a/src/ui/react/nft/NFTCard.tsx b/src/ui/react/nft/NFTCard.tsx
index 4c789e2127..e7063fecf7 100644
--- a/src/ui/react/nft/NFTCard.tsx
+++ b/src/ui/react/nft/NFTCard.tsx
@@ -1,14 +1,11 @@
-import { useCallback } from 'react';
-import { useAccount } from 'wagmi';
 import { useIsMounted } from '@/core-react/internal/hooks/useIsMounted';
 import { useTheme } from '@/core-react/internal/hooks/useTheme';
 import { useNFTData as defaultUseNFTData } from '@/core-react/nft/hooks/useNFTData';
 import { NFTLifecycleProvider } from '@/core-react/nft/providers/NFTLifecycleProvider';
 import { NFTProvider } from '@/core-react/nft/providers/NFTProvider';
-import {
-  LifecycleType,
-  type NFTCardReact,
-} from '@/core-react/nft/types';
+import { LifecycleType, type NFTCardReact } from '@/core-react/nft/types';
+import { useCallback } from 'react';
+import { useAccount } from 'wagmi';
 import { border, cn, color, pressable } from '../../../styles/theme';
 import NFTErrorBoundary from './NFTErrorBoundary';
 import { NFTErrorFallback } from './NFTErrorFallback';
diff --git a/src/ui/react/nft/NFTErrorFallback.test.tsx b/src/ui/react/nft/NFTErrorFallback.test.tsx
index f6e4f943fd..ea7fba8622 100644
--- a/src/ui/react/nft/NFTErrorFallback.test.tsx
+++ b/src/ui/react/nft/NFTErrorFallback.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
+import { useTheme } from '@/core-react/internal/hooks/useTheme';
 import { render } from '@testing-library/react';
 import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
-import { useTheme } from '@/core-react/internal/hooks/useTheme';
 import { NFTErrorFallback } from './NFTErrorFallback';
 
 vi.mock('@/core-react/internal/hooks/useTheme');
diff --git a/src/ui/react/nft/NFTMintCard.test.tsx b/src/ui/react/nft/NFTMintCard.test.tsx
index ee4c421cd3..c8d50343fa 100644
--- a/src/ui/react/nft/NFTMintCard.test.tsx
+++ b/src/ui/react/nft/NFTMintCard.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useIsMounted } from '@/core-react/internal/hooks/useIsMounted';
 import { render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,7 +10,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useIsMounted } from '@/core-react/internal/hooks/useIsMounted';
 import { NFTMintCard } from './NFTMintCard';
 
 vi.mock('@/core-react/internal/hooks/useTheme', () => ({
diff --git a/src/ui/react/nft/NFTMintCard.tsx b/src/ui/react/nft/NFTMintCard.tsx
index 446a91df35..244162c161 100644
--- a/src/ui/react/nft/NFTMintCard.tsx
+++ b/src/ui/react/nft/NFTMintCard.tsx
@@ -3,10 +3,7 @@ import { useTheme } from '@/core-react/internal/hooks/useTheme';
 import { useMintData as defaultUseMintData } from '@/core-react/nft/hooks/useMintData';
 import { NFTLifecycleProvider } from '@/core-react/nft/providers/NFTLifecycleProvider';
 import { NFTProvider } from '@/core-react/nft/providers/NFTProvider';
-import {
-  LifecycleType,
-  type NFTMintCardReact,
-} from '@/core-react/nft/types';
+import { LifecycleType, type NFTMintCardReact } from '@/core-react/nft/types';
 import { buildMintTransactionData as defaultBuildMintTransaction } from '@/core/nft/utils/buildMintTransactionData';
 import { background, border, cn, color } from '../../../styles/theme';
 import NFTErrorBoundary from './NFTErrorBoundary';
diff --git a/src/ui/react/nft/mint/NFTAssetCost.test.tsx b/src/ui/react/nft/mint/NFTAssetCost.test.tsx
index fc22e1e114..d5ba9132ba 100644
--- a/src/ui/react/nft/mint/NFTAssetCost.test.tsx
+++ b/src/ui/react/nft/mint/NFTAssetCost.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,7 +10,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTAssetCost } from './NFTAssetCost';
 
 vi.mock('@/core-react/nft/providers/NFTProvider');
diff --git a/src/ui/react/nft/mint/NFTCollectionTitle.test.tsx b/src/ui/react/nft/mint/NFTCollectionTitle.test.tsx
index 08ba52a706..8acc5d0822 100644
--- a/src/ui/react/nft/mint/NFTCollectionTitle.test.tsx
+++ b/src/ui/react/nft/mint/NFTCollectionTitle.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import { type Mock, describe, expect, it, vi } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTCollectionTitle } from './NFTCollectionTitle';
 
 vi.mock('@/core-react/nft/providers/NFTProvider', () => ({
diff --git a/src/ui/react/nft/mint/NFTCreator.test.tsx b/src/ui/react/nft/mint/NFTCreator.test.tsx
index 39120059e2..9ad7de175f 100644
--- a/src/ui/react/nft/mint/NFTCreator.test.tsx
+++ b/src/ui/react/nft/mint/NFTCreator.test.tsx
@@ -1,8 +1,8 @@
 import '@testing-library/jest-dom';
-import { render } from '@testing-library/react';
-import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { useOnchainKit } from '@/core-react/useOnchainKit';
+import { render } from '@testing-library/react';
+import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 import { NFTCreator } from './NFTCreator';
 
 vi.mock('@/core-react/useOnchainKit', () => ({
diff --git a/src/ui/react/nft/mint/NFTMintButton.test.tsx b/src/ui/react/nft/mint/NFTMintButton.test.tsx
index 6c00be1b1d..1ece57b03e 100644
--- a/src/ui/react/nft/mint/NFTMintButton.test.tsx
+++ b/src/ui/react/nft/mint/NFTMintButton.test.tsx
@@ -1,5 +1,8 @@
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { useNFTLifecycleContext } from '@/core-react/nft/providers/NFTLifecycleProvider';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
+import { useOnchainKit } from '@/core-react/useOnchainKit';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { base } from 'viem/chains';
 import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
@@ -11,9 +14,6 @@ import {
   useChainId,
 } from 'wagmi';
 import { mock } from 'wagmi/connectors';
-import { useNFTLifecycleContext } from '@/core-react/nft/providers/NFTLifecycleProvider';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
-import { useOnchainKit } from '@/core-react/useOnchainKit';
 import { NFTMintButton } from './NFTMintButton';
 
 vi.mock('@/core-react/nft/providers/NFTProvider');
diff --git a/src/ui/react/nft/mint/NFTMintButton.tsx b/src/ui/react/nft/mint/NFTMintButton.tsx
index d48da1a2a6..a79e173fe5 100644
--- a/src/ui/react/nft/mint/NFTMintButton.tsx
+++ b/src/ui/react/nft/mint/NFTMintButton.tsx
@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useAccount, useChainId } from 'wagmi';
 import { useNFTLifecycleContext } from '@/core-react/nft/providers/NFTLifecycleProvider';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useAccount, useChainId } from 'wagmi';
 import { Spinner } from '../../../../internal/components/Spinner';
 import { cn, color, text } from '../../../../styles/theme';
 import {
diff --git a/src/ui/react/nft/mint/NFTMinters.test.tsx b/src/ui/react/nft/mint/NFTMinters.test.tsx
index b3503741aa..61a7e5003d 100644
--- a/src/ui/react/nft/mint/NFTMinters.test.tsx
+++ b/src/ui/react/nft/mint/NFTMinters.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTMinters } from './NFTMinters';
 
 vi.mock('@/core-react/nft/providers/NFTProvider');
diff --git a/src/ui/react/nft/mint/NFTQuantitySelector.test.tsx b/src/ui/react/nft/mint/NFTQuantitySelector.test.tsx
index 61820ccc81..366ecb8988 100644
--- a/src/ui/react/nft/mint/NFTQuantitySelector.test.tsx
+++ b/src/ui/react/nft/mint/NFTQuantitySelector.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { fireEvent, render } from '@testing-library/react';
 import { act } from 'react';
 import {
@@ -10,7 +11,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTQuantitySelector } from './NFTQuantitySelector';
 
 vi.mock('@/core-react/nft/providers/NFTProvider');
diff --git a/src/ui/react/nft/mint/NFTTotalCost.test.tsx b/src/ui/react/nft/mint/NFTTotalCost.test.tsx
index c74ff6f9b6..6e4ca67dc4 100644
--- a/src/ui/react/nft/mint/NFTTotalCost.test.tsx
+++ b/src/ui/react/nft/mint/NFTTotalCost.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { fireEvent, render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,7 +10,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTTotalCost } from './NFTTotalCost';
 
 vi.mock('@/core-react/nft/providers/NFTProvider');
diff --git a/src/ui/react/nft/mint/NFTTotalCost.tsx b/src/ui/react/nft/mint/NFTTotalCost.tsx
index 2dcae017fd..90ea493617 100644
--- a/src/ui/react/nft/mint/NFTTotalCost.tsx
+++ b/src/ui/react/nft/mint/NFTTotalCost.tsx
@@ -1,6 +1,6 @@
-import { type ReactNode, useCallback, useMemo, useState } from 'react';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { multiplyFloats } from '@/core/utils/multiplyFloats';
+import { type ReactNode, useCallback, useMemo, useState } from 'react';
 import { infoSvg } from '../../../../internal/svg/infoSvg';
 import { background, border, cn, text } from '../../../../styles/theme';
 import { formatAmount } from '../../../../token/utils/formatAmount';
diff --git a/src/ui/react/nft/view/NFTAudio.test.tsx b/src/ui/react/nft/view/NFTAudio.test.tsx
index 0f976e35ee..860e601c65 100644
--- a/src/ui/react/nft/view/NFTAudio.test.tsx
+++ b/src/ui/react/nft/view/NFTAudio.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { fireEvent, render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,7 +10,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTAudio } from './NFTAudio';
 
 const mockAnimationUrl = 'https://example.com/audio.mp3';
diff --git a/src/ui/react/nft/view/NFTAudio.tsx b/src/ui/react/nft/view/NFTAudio.tsx
index df3e001e2b..aa22f53cd0 100644
--- a/src/ui/react/nft/view/NFTAudio.tsx
+++ b/src/ui/react/nft/view/NFTAudio.tsx
@@ -1,3 +1,5 @@
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
+import type { NFTError } from '@/core-react/nft/types';
 import {
   type MouseEvent,
   useCallback,
@@ -5,8 +7,6 @@ import {
   useRef,
   useState,
 } from 'react';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
-import type { NFTError } from '@/core-react/nft/types';
 import { background, cn } from '../../../../styles/theme';
 
 type NFTAudioReact = {
diff --git a/src/ui/react/nft/view/NFTImage.test.tsx b/src/ui/react/nft/view/NFTImage.test.tsx
index 027341f794..47ec65c82a 100644
--- a/src/ui/react/nft/view/NFTImage.test.tsx
+++ b/src/ui/react/nft/view/NFTImage.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { fireEvent, render, waitFor } from '@testing-library/react';
 import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTImage } from './NFTImage';
 
 const mockContext = {
diff --git a/src/ui/react/nft/view/NFTImage.tsx b/src/ui/react/nft/view/NFTImage.tsx
index 4093e823a4..57caea1da1 100644
--- a/src/ui/react/nft/view/NFTImage.tsx
+++ b/src/ui/react/nft/view/NFTImage.tsx
@@ -1,6 +1,6 @@
-import { type MouseEvent, useCallback, useEffect, useState } from 'react';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import type { NFTError } from '@/core-react/nft/types';
+import { type MouseEvent, useCallback, useEffect, useState } from 'react';
 import { defaultNFTSvg } from '../../../../internal/svg/defaultNFTSvg';
 import { cn } from '../../../../styles/theme';
 
diff --git a/src/ui/react/nft/view/NFTLastSoldPrice.test.tsx b/src/ui/react/nft/view/NFTLastSoldPrice.test.tsx
index 3fdf99b05c..872997f9de 100644
--- a/src/ui/react/nft/view/NFTLastSoldPrice.test.tsx
+++ b/src/ui/react/nft/view/NFTLastSoldPrice.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,7 +10,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTLastSoldPrice } from './NFTLastSoldPrice';
 
 vi.mock('@/core-react/nft/providers/NFTProvider', () => ({
diff --git a/src/ui/react/nft/view/NFTLastSoldPrice.tsx b/src/ui/react/nft/view/NFTLastSoldPrice.tsx
index 76701fac11..7175bea0f1 100644
--- a/src/ui/react/nft/view/NFTLastSoldPrice.tsx
+++ b/src/ui/react/nft/view/NFTLastSoldPrice.tsx
@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
+import type { ReactNode } from 'react';
 import { cn, color, text } from '../../../../styles/theme';
 import { formatAmount as formatSN } from '../../../../swap/utils/formatAmount';
 import { formatAmount } from '../../../../token/utils/formatAmount';
diff --git a/src/ui/react/nft/view/NFTMedia.test.tsx b/src/ui/react/nft/view/NFTMedia.test.tsx
index 56fbfd4ad6..21d70a8621 100644
--- a/src/ui/react/nft/view/NFTMedia.test.tsx
+++ b/src/ui/react/nft/view/NFTMedia.test.tsx
@@ -1,9 +1,9 @@
 import '@testing-library/jest-dom';
-import { fireEvent, render } from '@testing-library/react';
-import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 import { useNFTLifecycleContext } from '@/core-react/nft/providers/NFTLifecycleProvider';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { LifecycleType } from '@/core-react/nft/types';
+import { fireEvent, render } from '@testing-library/react';
+import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
 import { NFTMedia } from './NFTMedia';
 
 vi.mock('@/core-react/nft/providers/NFTProvider', () => ({
diff --git a/src/ui/react/nft/view/NFTMedia.tsx b/src/ui/react/nft/view/NFTMedia.tsx
index 46426930bd..9aac949c5e 100644
--- a/src/ui/react/nft/view/NFTMedia.tsx
+++ b/src/ui/react/nft/view/NFTMedia.tsx
@@ -1,4 +1,3 @@
-import { useCallback, useMemo } from 'react';
 import { useNFTLifecycleContext } from '@/core-react/nft/providers/NFTLifecycleProvider';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import {
@@ -6,6 +5,7 @@ import {
   MediaType,
   type NFTError,
 } from '@/core-react/nft/types';
+import { useCallback, useMemo } from 'react';
 import { cn } from '../../../../styles/theme';
 import { NFTAudio } from './NFTAudio';
 import { NFTImage } from './NFTImage';
diff --git a/src/ui/react/nft/view/NFTMintDate.test.tsx b/src/ui/react/nft/view/NFTMintDate.test.tsx
index 328e3f1e9f..73b84347e3 100644
--- a/src/ui/react/nft/view/NFTMintDate.test.tsx
+++ b/src/ui/react/nft/view/NFTMintDate.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import { type Mock, beforeEach, describe, expect, it, vi } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTMintDate } from './NFTMintDate';
 
 vi.mock('@/core-react/nft/providers/NFTProvider');
diff --git a/src/ui/react/nft/view/NFTMintDate.tsx b/src/ui/react/nft/view/NFTMintDate.tsx
index a43be0a6d6..aa23c0e7fa 100644
--- a/src/ui/react/nft/view/NFTMintDate.tsx
+++ b/src/ui/react/nft/view/NFTMintDate.tsx
@@ -1,5 +1,5 @@
-import { type ReactNode, useMemo } from 'react';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
+import { type ReactNode, useMemo } from 'react';
 import { cn, color, text } from '../../../../styles/theme';
 
 const DATE_OPTIONS = {
diff --git a/src/ui/react/nft/view/NFTOwner.test.tsx b/src/ui/react/nft/view/NFTOwner.test.tsx
index 8ecc1d166f..db46572c54 100644
--- a/src/ui/react/nft/view/NFTOwner.test.tsx
+++ b/src/ui/react/nft/view/NFTOwner.test.tsx
@@ -1,4 +1,6 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
+import { useOnchainKit } from '@/core-react/useOnchainKit';
 import { render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,8 +11,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useOnchainKit } from '@/core-react/useOnchainKit';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTOwner } from './NFTOwner';
 
 vi.mock('@/core-react/useOnchainKit');
diff --git a/src/ui/react/nft/view/NFTOwner.tsx b/src/ui/react/nft/view/NFTOwner.tsx
index 4cee201a7b..621ec1a812 100644
--- a/src/ui/react/nft/view/NFTOwner.tsx
+++ b/src/ui/react/nft/view/NFTOwner.tsx
@@ -1,6 +1,6 @@
-import type { ReactNode } from 'react';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { useOnchainKit } from '@/core-react/useOnchainKit';
+import type { ReactNode } from 'react';
 import { Avatar, Badge, Identity, Name } from '../../../../identity';
 import { cn, color, text } from '../../../../styles/theme';
 
diff --git a/src/ui/react/nft/view/NFTTitle.test.tsx b/src/ui/react/nft/view/NFTTitle.test.tsx
index 6ac1228112..d8b7e1c4e2 100644
--- a/src/ui/react/nft/view/NFTTitle.test.tsx
+++ b/src/ui/react/nft/view/NFTTitle.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { render } from '@testing-library/react';
 import { type Mock, describe, expect, it, vi } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTTitle } from './NFTTitle';
 
 vi.mock('@/core-react/nft/providers/NFTProvider', () => ({
diff --git a/src/ui/react/nft/view/NFTVideo.test.tsx b/src/ui/react/nft/view/NFTVideo.test.tsx
index 7b2df2611f..7a359a1fb3 100644
--- a/src/ui/react/nft/view/NFTVideo.test.tsx
+++ b/src/ui/react/nft/view/NFTVideo.test.tsx
@@ -1,4 +1,5 @@
 import '@testing-library/jest-dom';
+import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { fireEvent, render } from '@testing-library/react';
 import {
   type Mock,
@@ -9,7 +10,6 @@ import {
   it,
   vi,
 } from 'vitest';
-import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import { NFTVideo } from './NFTVideo';
 
 vi.mock('@/core-react/nft/providers/NFTProvider', () => ({
diff --git a/src/ui/react/nft/view/NFTVideo.tsx b/src/ui/react/nft/view/NFTVideo.tsx
index 3ea75869c7..7ef59d6966 100644
--- a/src/ui/react/nft/view/NFTVideo.tsx
+++ b/src/ui/react/nft/view/NFTVideo.tsx
@@ -1,6 +1,6 @@
-import { useEffect, useRef } from 'react';
 import { useNFTContext } from '@/core-react/nft/providers/NFTProvider';
 import type { NFTError } from '@/core-react/nft/types';
+import { useEffect, useRef } from 'react';
 import { defaultNFTSvg } from '../../../../internal/svg/defaultNFTSvg';
 import { cn } from '../../../../styles/theme';