diff --git a/src/nft/components/profile/view/ProfilePageLoadingSkeleton.tsx b/src/nft/components/profile/view/ProfilePageLoadingSkeleton.tsx
index 498a57cf73..caf87b38ad 100644
--- a/src/nft/components/profile/view/ProfilePageLoadingSkeleton.tsx
+++ b/src/nft/components/profile/view/ProfilePageLoadingSkeleton.tsx
@@ -1,21 +1,10 @@
import { Box } from 'nft/components/Box'
import { assetList } from 'nft/components/collection/CollectionNfts.css'
import { loadingAsset } from 'nft/css/loading.css'
-import { ScreenBreakpointsPaddings } from 'nft/pages/collection/index.css'
import styled from 'styled-components'
import { DEFAULT_WALLET_ASSET_QUERY_AMOUNT } from './ProfilePage'
-const SkeletonPageWrapper = styled.div`
- ${ScreenBreakpointsPaddings};
- padding-top: 40px;
- width: 100%;
-
- @media only screen and (max-width: ${({ theme }) => `${theme.breakpoint.sm}px`}) {
- padding-top: 16px;
- }
-`
-
const SkeletonBodyWrapper = styled.div`
display: flex;
flex-direction: column;
@@ -86,11 +75,3 @@ export const ProfileBodyLoadingSkeleton = () => {
)
}
-
-export const ProfilePageLoadingSkeleton = () => {
- return (
-
-
-
- )
-}
diff --git a/src/nft/pages/profile/profile.tsx b/src/nft/pages/profile/index.tsx
similarity index 91%
rename from src/nft/pages/profile/profile.tsx
rename to src/nft/pages/profile/index.tsx
index 13d45bc9e8..49e5fdcca7 100644
--- a/src/nft/pages/profile/profile.tsx
+++ b/src/nft/pages/profile/index.tsx
@@ -7,10 +7,9 @@ import { ButtonPrimary } from 'components/Button'
import { XXXL_BAG_WIDTH } from 'nft/components/bag/Bag'
import { ListPage } from 'nft/components/profile/list/ListPage'
import { ProfilePage } from 'nft/components/profile/view/ProfilePage'
-import { ProfilePageLoadingSkeleton } from 'nft/components/profile/view/ProfilePageLoadingSkeleton'
import { useBag, useProfilePageState, useSellAsset, useWalletCollections } from 'nft/hooks'
import { ProfilePageStateType } from 'nft/types'
-import { Suspense, useEffect, useRef } from 'react'
+import { useEffect, useRef } from 'react'
import styled from 'styled-components'
import { BREAKPOINTS } from 'theme'
import { ThemedText } from 'theme/components'
@@ -60,7 +59,7 @@ const ConnectWalletButton = styled(ButtonPrimary)`
border: none;
`
-const ProfileContent = () => {
+export default function Profile() {
const sellPageState = useProfilePageState((state) => state.state)
const setSellPageState = useProfilePageState((state) => state.setProfilePageState)
const resetSellAssets = useSellAsset((state) => state.reset)
@@ -104,13 +103,3 @@ const ProfileContent = () => {
)
}
-
-const Profile = () => {
- return (
- }>
-
-
- )
-}
-
-export default Profile
diff --git a/src/pages/App.tsx b/src/pages/App.tsx
index 6e43cc270a..868421fe7a 100644
--- a/src/pages/App.tsx
+++ b/src/pages/App.tsx
@@ -32,7 +32,7 @@ import Swap from './Swap'
const AppChrome = lazy(() => import('./AppChrome'))
const NftExplore = lazy(() => import('nft/pages/explore'))
const Collection = lazy(() => import('nft/pages/collection'))
-const Profile = lazy(() => import('nft/pages/profile/profile'))
+const Profile = lazy(() => import('nft/pages/profile'))
const Asset = lazy(() => import('nft/pages/asset/Asset'))
const AddLiquidity = lazy(() => import('pages/AddLiquidity'))
const RedirectDuplicateTokenIds = lazy(() => import('pages/AddLiquidity/redirects'))