From 4d72d72eb03d796083775d8fcdb279daf797c0a0 Mon Sep 17 00:00:00 2001
From: Yana <yanok87@users.noreply.github.com>
Date: Wed, 15 Jan 2025 13:47:09 +0200
Subject: [PATCH] Add favorite button on NodeProfileCard

---
 .../src/components/nymNodePageComponents/NodeProfileCard.tsx  | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/explorer-nextjs/src/components/nymNodePageComponents/NodeProfileCard.tsx b/explorer-nextjs/src/components/nymNodePageComponents/NodeProfileCard.tsx
index 4fc8220fa8..9be4f938bf 100644
--- a/explorer-nextjs/src/components/nymNodePageComponents/NodeProfileCard.tsx
+++ b/explorer-nextjs/src/components/nymNodePageComponents/NodeProfileCard.tsx
@@ -8,6 +8,7 @@ import { useCallback, useState } from "react";
 import { RandomAvatar } from "react-random-avatars";
 import ExplorerCard from "../cards/ExplorerCard";
 import CountryFlag from "../countryFlag/CountryFlag";
+import { Favorite } from "../favorite/Favorite";
 import Loading from "../loading";
 import InfoModal, { type InfoModalProps } from "../modal/InfoModal";
 import StakeModal from "../staking/StakeModal";
@@ -128,7 +129,7 @@ export const NodeProfileCard = (props: INodeProfileCardProps) => {
             {nodeInfo.self_description.details}
           </Typography>
         )}
-        <Box mt={3}>
+        <Box mt={3} display={"flex"} gap={1}>
           <Button
             variant="contained"
             size="small"
@@ -136,6 +137,7 @@ export const NodeProfileCard = (props: INodeProfileCardProps) => {
           >
             Stake on node
           </Button>
+          <Favorite address={nodeInfo.bonding_address} />
         </Box>
       </Stack>
       {isLoading && <Loading />}