diff --git a/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx b/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx
index 22d28a8f85..44b5697026 100644
--- a/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx
+++ b/explorer-v2/src/components/nymNodePageComponents/NodeProfileCard.tsx
@@ -48,16 +48,6 @@ export const NodeProfileCard = ({ id }: INodeProfileCardProps) => {
refetchOnMount: false,
});
- if (isLoadingNymNodes) {
- return (
-
-
-
-
-
- );
- }
-
if (isError || !nymNodes) {
return (
@@ -67,10 +57,47 @@ export const NodeProfileCard = ({ id }: INodeProfileCardProps) => {
);
}
-
const nodeInfo = nymNodes.find((node) => node.node_id === id);
+ const handleOnSelectStake = useCallback(() => {
+ if (!isWalletConnected) {
+ setInfoModalProps({
+ open: true,
+ title: "Connect Wallet",
+ message: "Connect your wallet to stake",
+ Action: (
+
+ setInfoModalProps({
+ open: false,
+ })
+ }
+ />
+ ),
+ onClose: () => setInfoModalProps({ open: false }),
+ });
+ return;
+ }
+ if (nodeInfo) {
+ setSelectedNodeForStaking({
+ nodeId: nodeInfo.node_id,
+ identityKey: nodeInfo.identity_key,
+ });
+ }
+ }, [isWalletConnected, nodeInfo]);
+
+ if (isLoadingNymNodes) {
+ return (
+
+
+
+
+
+ );
+ }
+
const handleStakeOnNode = async ({
nodeId,
amount,
@@ -113,33 +140,7 @@ export const NodeProfileCard = ({ id }: INodeProfileCardProps) => {
setIsLoading(false);
};
- const handleOnSelectStake = useCallback(() => {
- if (!isWalletConnected) {
- setInfoModalProps({
- open: true,
- title: "Connect Wallet",
- message: "Connect your wallet to stake",
- Action: (
-
- setInfoModalProps({
- open: false,
- })
- }
- />
- ),
- onClose: () => setInfoModalProps({ open: false }),
- });
- return;
- }
- if (nodeInfo) {
- setSelectedNodeForStaking({
- nodeId: nodeInfo.node_id,
- identityKey: nodeInfo.identity_key,
- });
- }
- }, [isWalletConnected, nodeInfo]);
+
if (!nodeInfo) return null;