diff --git a/src/components/common/Content/styles.tsx b/src/components/common/Content/styles.tsx
index ca081cd..ca2fe38 100644
--- a/src/components/common/Content/styles.tsx
+++ b/src/components/common/Content/styles.tsx
@@ -2,5 +2,5 @@ import styled from 'styled-components'
import tw from 'twin.macro'
export const StyledContent = styled.div`
- ${tw`flex-1 px-5 md:px-16 pb-16 mx-auto w-full max-w-[90rem]`}// @note: 1440px max-width
+ ${tw`relative flex-1 px-5 md:px-16 pb-16 mx-auto w-full max-w-[90rem]`}// @note: 1440px max-width
`
diff --git a/src/components/pages/HomePage/cmp.tsx b/src/components/pages/HomePage/cmp.tsx
index ff7139c..53fe0d6 100644
--- a/src/components/pages/HomePage/cmp.tsx
+++ b/src/components/pages/HomePage/cmp.tsx
@@ -1,10 +1,9 @@
import { memo } from 'react'
-import SpinnerOverlay from '@/components/common/SpinnerOverlay'
import { useRedirect } from '@/hooks/common/useRedirect'
export const HomePage = () => {
useRedirect('/earn/staking')
- return
+ return null
}
export default memo(HomePage)
diff --git a/src/components/pages/earn/ComputeResourceNodeDetailPage/cmp.tsx b/src/components/pages/earn/ComputeResourceNodeDetailPage/cmp.tsx
index 9480ea5..dd683a5 100644
--- a/src/components/pages/earn/ComputeResourceNodeDetailPage/cmp.tsx
+++ b/src/components/pages/earn/ComputeResourceNodeDetailPage/cmp.tsx
@@ -10,7 +10,6 @@ import ColumnLayout from '@/components/common/ColumnLayout'
import NodeDetailStatus from '@/components/common/NodeDetailStatus'
import NodeName from '@/components/common/NodeName'
import NodeDecentralization from '@/components/common/NodeDecentralization'
-import SpinnerOverlay from '@/components/common/SpinnerOverlay'
import NodeDetailEditableField from '@/components/common/NodeDetailEditableField'
import NodeDetailLink from '@/components/common/NodeDetailLink'
@@ -255,7 +254,6 @@ export const ComputeResourceNodeDetailPage = () => {
-
>
)
}
diff --git a/src/components/pages/earn/ComputeResourceNodesPage/cmp.tsx b/src/components/pages/earn/ComputeResourceNodesPage/cmp.tsx
index f56093a..ce1e109 100644
--- a/src/components/pages/earn/ComputeResourceNodesPage/cmp.tsx
+++ b/src/components/pages/earn/ComputeResourceNodesPage/cmp.tsx
@@ -19,6 +19,7 @@ import SpinnerOverlay from '@/components/common/SpinnerOverlay'
import NetworkHealthChart from '@/components/common/NetworkHealthChart'
import HostingProviderChart from '@/components/common/HostingProviderChart'
import RewardChart from '@/components/common/RewardChart'
+import { useLazyRender } from '@/hooks/common/useLazyRender'
export const ComputeResourceNodesPage = (
props: UseComputeResourceNodesPageProps,
@@ -46,6 +47,8 @@ export const ComputeResourceNodesPage = (
handleLinkableOnlyChange,
} = useComputeResourceNodesPage(props)
+ const { render } = useLazyRender()
+
const CreateNode = (
-
- <>
- {selectedTab === 'user' ? (
- <>
- {nodes && filteredUserNodes && (
- <>
+
+ {render && (
+ <>
+ {selectedTab === 'user' ? (
+ <>
+ {nodes && filteredUserNodes && (
+ <>
+
+
+ {!account
+ ? 'Connect your wallet to see your compute node running.'
+ : !userNodes?.length
+ ? 'You have no compute node running.'
+ : ''}
+
+ >
+ )}
+ >
+ ) : (
+ <>
+ {nodes && filteredNodes && (
-
- {!account
- ? 'Connect your wallet to see your compute node running.'
- : !userNodes?.length
- ? 'You have no compute node running.'
- : ''}
-
- >
- )}
- >
- ) : (
- <>
- {nodes && filteredNodes && (
-
- )}
- >
- )}
- >
+ )}
+ >
+ )}
+ >
+ )}
-
>
)
}
diff --git a/src/components/pages/earn/CoreChannelNodeDetailPage/cmp.tsx b/src/components/pages/earn/CoreChannelNodeDetailPage/cmp.tsx
index 0a47a9d..f9a99f9 100644
--- a/src/components/pages/earn/CoreChannelNodeDetailPage/cmp.tsx
+++ b/src/components/pages/earn/CoreChannelNodeDetailPage/cmp.tsx
@@ -18,7 +18,6 @@ import ButtonLink from '@/components/common/ButtonLink'
import NodeDetailLockSwitch from '@/components/common/NodeDetailLockSwitch'
import NodeDetailStatus from '@/components/common/NodeDetailStatus'
import NodeDetailEditableField from '@/components/common/NodeDetailEditableField'
-import SpinnerOverlay from '@/components/common/SpinnerOverlay'
import NodeDetailLink from '@/components/common/NodeDetailLink'
export const CoreChannelNodeDetailPage = () => {
@@ -330,7 +329,6 @@ export const CoreChannelNodeDetailPage = () => {
-
>
)
}
diff --git a/src/components/pages/earn/CoreChannelNodesPage/cmp.tsx b/src/components/pages/earn/CoreChannelNodesPage/cmp.tsx
index cd7a37e..1b57d15 100644
--- a/src/components/pages/earn/CoreChannelNodesPage/cmp.tsx
+++ b/src/components/pages/earn/CoreChannelNodesPage/cmp.tsx
@@ -13,6 +13,7 @@ import SpinnerOverlay from '@/components/common/SpinnerOverlay'
import NetworkHealthChart from '@/components/common/NetworkHealthChart'
import RewardChart from '@/components/common/RewardChart'
import EstimatedNodeRewardsChart from '@/components/common/EstimatedNodeRewardsChart'
+import { useLazyRender } from '@/hooks/common/useLazyRender'
export const CoreChannelNodesPage = (props: UseCoreChannelNodesPageProps) => {
const {
@@ -33,6 +34,8 @@ export const CoreChannelNodesPage = (props: UseCoreChannelNodesPageProps) => {
handleFilterChange,
} = useCoreChannelNodesPage(props)
+ const { render } = useLazyRender()
+
const CreateNode = (